Aceternity UI

Details about Aceternity UI

▶️ Key Features
  • 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

#What is Aceternity UI?

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.

#Features ⚡️

  • 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 

#Pros and Cons

#Pros ✅

  • 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.

#Cons ⚠️

  • 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.

#Included Components – Templates

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

#Pricing 💵

  • 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

#Integrations 🧰

  • 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

Frequently Asked Questions

Can I use Aceternity UI with Vue/Svelte?

Official support is React/Next.js only. Community offerings may appear for Svelte, but need manual integration.

Is there a free version?

Yes — the base set (~36 animated components) is completely free to use

What’s included in Pro?

Pro includes 70+ premium component packs and templates beyond the free set

Are effects performant?

Yes—with modern browsers. For performance-heavy animations (like infinite cards), optimize and test on target devices.

Have a product?

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! 🚀

Submit Product