Aceternity UI
Copy-paste animated UI components, blocks, and templates for React, Next.js, and Tailwind.
Aceternity UI is a library of 200+ animated React components you can drop straight into a Next. js project without touching a single line of Framer Motion config. Every component ships as actual source code, so you paste it in, tweak the Tailwind classes, and move on. No black-box npm package to fight, no design system to learn from scratch.
For a 5 Day Sprint, this is the fastest way to make your landing page look like you had a motion designer on the team. Hero sections, bento grids, glowing cards, parallax blocks, pricing tables, the stuff that makes visitors stop scrolling is all here, pre-built and ready to customize. Trusted by 120,000+ founders and used by teams at Google, Neon, and Strapi.
Practical tip: start in the Components gallery, not the Templates. Pick two or three individual components that match your vibe, paste them into your layout, then let Claude Code wire up your real content and colors. The free tier covers everything you need to ship a great-looking site.
Setup Guide
Sign In to Install
Join with a free account
Key Features
200+ animated components ready to copy-paste into any Next.js + Tailwind project
No Framer Motion config required — animation code is already written for you
Own your code: components arrive as source, so you can edit anything
Landing page sections (hero, pricing, testimonials, FAQ) built for conversion
CLI installer or manual copy-paste — works like shadcn/ui
MIT license covers personal and commercial projects on the free tier
$199/mo
Core library is free and MIT-licensed for personal and commercial use. A one-time Pro upgrade (~$199) unlocks additional components and templates.
Aceternity is an independent design and development studio that builds high-end landing pages and SaaS front-ends for clients. Aceternity UI is their open-source component library spun out of that work.