xiry.

Development · Website

Aceternity UI

Animated copy-paste React and Tailwind CSS components for modern websites.

From the Xiry library · Updated 3 October 2026

Visit ui.aceternity.com ↗

Aceternity UI is a curated collection of copy-paste React components and landing page blocks styled with Tailwind CSS and Framer Motion. It gives developers pre-built complex visual effects, such as 3D card perspectives, interactive globes, and animated borders, without building them from scratch. It is particularly popular for modern SaaS landing pages.

What it's for

  • Add animated hero sections and bento grids to SaaS landing pages
  • Integrate interactive effects like 3D card tilts and moving borders into React apps
  • Assemble marketing sites quickly using pre-made blocks and templates

Features

  • 200+ copy-paste components, section blocks, and complete landing templates
  • Built for Next.js and React using Tailwind CSS and Framer Motion
  • Interactive animations including 3D card hover, canvas reveal, and parallax scrolling
  • Utility helpers designed to work seamlessly with clsx and tailwind-merge
  • Dark mode and light mode support across components

Pricing

Freemium. Free core component library; paid All-Access plan for full templates and blocks

Details

Type
Website
Category
Development
Topic
UI Components
Open source
No
Platforms
Web, Code library
For
React and Next.js frontend developers, indie hackers, and SaaS founders.
Alternative to
shadcn/ui, Magic UI, Tailwind UI
Tags
react, tailwind css, framer motion, ui library, nextjs, landing pages

Why it was saved

  • @adrien.ninet, 15 May 2024: It allows developers to drop complex, trendy animations and 3D effects (like interactive globes, moving borders, card hover perspective, and floating tooltips) into their sites without coding animations from scratch.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated