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.
By Pixinvent
Vuexy MUI NextJS Admin Template with modern layouts and UX design.
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! 🚀