Aceternity UI
Beautiful animated React/Next.js components built with Tailwind CSS and Framer Motion — 111+ copy-paste components, 167 blocks and 17 templates you own outright, with premium Pro packs for production teams.
What is Aceternity UI?
Aceternity UI, created by Manu Arora, is a collection of strikingly designed, animated UI components for React and Next.js, built on Tailwind CSS and Framer Motion (Motion) and compatible with the shadcn ecosystem. Instead of shipping a heavy npm dependency, it follows a copy-paste model: paste the TypeScript source (or use npx aceternity-ui add) directly into your project and fully own and customize it. The library spans 111+ components, 167 pre-built blocks (heroes, features, pricing, testimonials), 17 templates and 23 pro components, including signature effects such as 3D animated pins, spotlight cards, meteors, infinite-moving cards and animated backgrounds. Components are TypeScript-typed and Tailwind v4 compatible, and drop cleanly into AI coding workflows such as v0, Cursor, Bolt, Lovable and Claude Code. Core components are free; an All-Access Pass unlocks premium blocks and templates.
Pros
- Distinctive premium look and motion out of the box
- No runtime dependency — you own the source code
- Tailwind + Framer Motion make customization easy
- Large free component library
- Great fit for AI / vibe coding
- TypeScript typed
Cons
- Free components require manual copy and wiring
- Requires Tailwind CSS and Framer Motion
- Advanced blocks and templates are paid
- React/Next.js only, not framework-agnostic
Compare with Alternatives
| Feature | Aceternity UI | PersonaIQ | Life OS AI | fork ai |
|---|---|---|---|---|
| Rating | 4.8 | 4.2 | 4.8 | 4.5 |
| Pricing | Freemium | Freemium | Freemium | Freemium |
| Starting From | — | Free / Paid | Free / Paid | Free / Paid |
| API | — | — | — | — |
| Free Tier | — | — | — | — |
| Mobile App | — | — | — | — |
Who is it for
SaaS startup landing pages
Ship a polished, animated marketing site in hours.
Indie hackers & vibe coders
Drop high-end sections into AI-generated apps for instant credibility.
Front-end developers
Reuse animated, typed components instead of building effects from zero.
Portfolios & agencies
Create visually striking personal and client sites.
AI-generated products
Add consistent premium UI to apps generated with v0, Cursor or Lovable.