Question 1

Are Aceternity UI components free to use?

Accepted Answer

Browsing and previewing every Aceternity UI component on this page is free. You can copy the TSX or install through the shadcn CLI; check the component listing for licensing details before shipping to production.

Question 2

Do Aceternity UI animations require Framer Motion?

Accepted Answer

Most of the signature effects are built with Motion (formerly Framer Motion) plus Tailwind CSS. Each component page shows its exact dependencies, and the live preview runs the real animation so you can judge the motion before installing.

Question 3

How do I add an Aceternity UI component to a Next.js app?

Accepted Answer

Open the component, copy its TSX into your project, or use the shadcn CLI with the component's registry URL shown on its page. With Tailwind configured, the component renders as-is — then swap in your own content and theme tokens.

Question 4

Is this the official Aceternity UI website?

Accepted Answer

No. Aceternity UI is created and maintained by Manu Arora — the official site is linked above. This page is the Aceternity UI collection on 21st, where you can preview the components live and copy or install them alongside thousands of other community components.

Aceternity UI

Radar Effect

Diagram Card

SVG Mask Effect

Framer Motion Switch

Squiggly Underline

Badge

Resizable Navbar

Sticky Banner

Hero Section

Pointer Highlight

Draggable Card

Container Text Flip

3D Card Effect

3D Marquee

Spotlight New

Glowing Effect

Colourful Text

Carousel

3D Animated Pin

Background Ripple Effect

Pulse Beams

Moving Border

Meteors

Infinite Moving Cards

Related libraries

About Aceternity UI

All 84 Aceternity UI components

Frequently asked questions

Browse by category