# Aceternity UI

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

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.

Website: https://ui.aceternity.com/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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](https://www.instagram.com/reel/C6_lqSHt5XN/): 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

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/aceternity-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.