Copy-paste animated React and Tailwind CSS components built with Framer Motion.
Radar Effect
Diagram Card
SVG Mask Effect
Framer Motion Switch
Squiggly Underline
Badge
Resizable Navbar
Sticky Banner
Hero Section
Glowing Effect Card
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
This page collects the Aceternity UI components published on 21st.dev — animated React components by Manu Arora known for effects like aurora backgrounds, sparkles, 3D cards, bento grids, timelines, and scroll reveals. Everything is built with Tailwind CSS and Motion, and every entry opens into a live interactive preview, so you can watch the animation run before touching any code.
Use this collection to preview and compare the components side by side, then copy the TSX for the one you pick, install it through the shadcn CLI, or pull it straight into Cursor or Claude Code over MCP. The components are Tailwind-based and drop into any Next.js or React project.
