Copy‑paste React components with Tailwind CSS + Framer Motion
~36 animated sections & blocks (hero, cards, backgrounds…)
Free version + optional Pro (70+ premium packs)
Built and maintained by Manu Arora
Aceternity UI is a modern component library offering Tailwind CSS + Framer Motion‑enhanced React components ready to copy and extend. It accelerates dev and design workflows with visually rich, interactive elements—ideal for marketing sites, portfolios, and SaaS landing pages.
Animated components: hero parallax, 3D cards, spotlight, sparkles, tooltips
Background effects: beams, gradient, boxes, lines, vortex, wavy animations
UI blocks & interactive sections: infinite carousel, marquee, pin effects, layout grids
Button library: curated Tailwind button styles that are copy‑ready
Free and Pro tiers: base is free, Pro adds 70+ extra premium packs
Visually stunning animations – stands out with parallax, 3D, spotlight, and sparkle effects.
Delightful integration – built with popular React, Next.js, Tailwind, and Framer Stack.
Fast setup – paste into your project, minimal config.
Flexible usage – mix free and Pro components as needed.
Backed by real dev – created and supported by Manu Arora, active in community.
Not fully open‑source – free set available, but Pro is paid.
Heavy animations – may impact performance if overused.
Limited non‑React support – no first‑party Vue or Svelte.
Manual updates – changes need manual syncing after paste.
Free tier (~36 sections/blocks) includes:
Hero Sections: hero parallax, hero highlight
Card Effects: 3D card, wobble, glowing card, card stack, spotlight card
Backgrounds: beams, lines, gradient, vortex, wavy, boxes
Interactive UI: infinite cards, marquee, animated tooltips, spotlight effect, sparkles
Navigation: animated navbar, sidebar, multi‑step loader, marquee headlines
Utility: stylized buttons, forms, tabs, typewriter text effects
Pro adds 70+ premium packs for even more ready‑made UI layouts
Free: ~36 hero/card/background components
Pro: Paid plan unlocking 70+ premium component packs/templates.
Custom Components: $4995/mo
Pages: $6995/mo
Multi Page Website: $12,499/mo
Frameworks: React & Next.js (official), TypeScript
Libraries: Tailwind CSS (v3+ & v4), Framer Motion
Setup: Install via CLI or manual Tailwind + Framer install
Extensible: source code is paste‑in‑your‑project, ideal for customization
Official support is React/Next.js only. Community offerings may appear for Svelte, but need manual integration.
Yes — the base set (~36 animated components) is completely free to use
Pro includes 70+ premium component packs and templates beyond the free set
Yes—with modern browsers. For performance-heavy animations (like infinite cards), optimize and test on target devices.
Beautiful Tailwind CSS and Framer Motion Components built with Nextjs.
Next.js Starter Kit with TypeScript, Shadcn, Tailwind & Supabase.
Submit your Tailwind CSS product to All UtilityCSS, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀