
Aceternity.com
Design Resources Directory
Aceternity.com is a curated catalog of Tailwind CSS and Framer Motion UI components, blocks, sections, and templates for modern Next.js builds.

Domain rating
68
Domain rating is Ahrefs' measure of domain quality according to links.
Popularity
High
The popularity on this site, based on the listing quality score and engagement signals.
About tool
Aceternity.com’s Components directory helps you browse and copy reusable UI building blocks designed for modern interfaces. Explore component categories like cards, navigation, typography effects, overlays/popovers, carousels/sliders, inputs/forms, and more—many built with microinteractions, animations, and motion-driven effects.
Use the Blocks and Sections listings to quickly assemble common page layouts such as hero sections, feature sections, CTA sections, testimonials, team sections, pricing sections, FAQs, footers, contact sections, and blog sections. The catalog also includes Templates as starting points for whole pages, plus Labs for experimenting with new UI ideas.
If you want wider access beyond individual items, Aceternity offers an All-Access option that unlocks templates, components, and blocks for a one-time payment. With search and category browsing across backgrounds, text animations, shadcn-compatible blocks, and interactive effects, you can find UI patterns faster for your next React or Next.js project.
What can I find on Aceternity.com (components vs blocks vs templates)?
You’ll find Components (individual UI pieces), Blocks and Sections (reusable layout parts like hero/CTA/testimonials/pricing), and Templates (full-page starting points). Labs are for additional UI experiments.
Are the components compatible with shadcn-style projects?
Many items are described as shadcn compatible, making them easier to fit into projects using that styling approach.
Does Aceternity focus on animations and interactive UI?
Yes—collections include microinteractions, motion-driven effects, scrolling/reveal behavior, and animated overlays, tooltips, and text/visual transitions.
Can I build full landing pages without assembling everything from scratch?
Yes. Use Sections/Blocks for common page sections and Templates when you want a complete starting point.
What does All-Access unlock?
All-Access is designed to unlock templates, components, and blocks for a one-time payment.
How do I locate a specific UI effect or section quickly?
Use the site’s search, then narrow by category (for example backgrounds, cards, text animations, navbars, or shadcn-compatible blocks) to find the right item faster.