Aceternity UI
Copy-paste beautiful UI components with stunning animations built-in.
Need an MVP like Aceternity UI?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →Quick summary of Aceternity UI
Aceternity UI is the leading animation-heavy React component library for marketing sites + landing pages, built by Manu Arora — copy-paste components built on Framer Motion + Tailwind CSS featuring 3D card effects, gradient cursor-following backgrounds, animated borders, beam + sparkle effects, infinite marquees, hero sections with depth, and dozens more premium-feel components. Distinguished from shadcn/ui (clean accessible UI primitives — Aceternity layers on top for marketing) by animation depth + visual impact + marketing focus, distinguished from Magic UI + similar libraries (Aceternity ecosystem peers) by design quality + cohesive aesthetic + Manu Arora's design taste, distinguished from packaged component libraries (Chakra, Mantine) by copy-paste model + Tailwind-native + animation focus. For indie hackers + early-stage founders + designers building React landing pages that look premium, Aceternity UI is leading library 2026. Core features: large library of animation-heavy React components (3D cards, beam effects, gradient borders, sparkles, animated heroes, parallax sections, infinite marquees, glowing borders, animated tooltips, floating elements, scroll-triggered animations, masked reveals, follow-cursor effects, depth + glass effects, animated text reveals, particle effects), copy + paste model (no npm install required for components), Framer Motion-powered smooth animations, Tailwind CSS styling for customization, dark mode support, React + Next.js compatible (App Router + Pages Router), TypeScript support, MIT licensed for commercial use, respects prefers-reduced-motion accessibility setting, mobile responsive, regularly updated with new components, active GitHub repo, Discord community for support. Aceternity UI Pro ($199 one-time) adds pre-built landing page templates, premium components, email support, lifetime updates — accelerates marketing site assembly significantly. Best for indie hacker landing pages needing premium feel without designer, marketing sites with Linear/Vercel/Notion aesthetic, designer-developer prototyping rich concepts fast, agency client marketing site work, hackathon + launch sites needing visual impact, React + Next.js + Tailwind stack teams, design-engineer combo roles, founders shipping pre-launch + launch sites. Skip for production dashboards (overkill + bundle size hits perf), accessibility-first apps where heavy animation problematic for some users despite prefers-reduced-motion respect, projects not on React + Tailwind + Framer Motion stack, simple apps not needing visual flourishes. Pricing: Free tier covers all main components MIT-licensed for commercial use; Pro $199 one-time adds templates + premium components + email support + lifetime updates. Direct competitors: shadcn/ui (UI primitives, free, complementary not competitor), Magic UI (similar animation-heavy library, free), HyperUI (Tailwind components, less animation), Tremor (chart-focused), DaisyUI (Tailwind components, broader), Tailwind UI (paid Tailwind official, more polished but less animation), Park UI (Ark UI-based), Chakra UI (full design system), Mantine (full design system). Aceternity wins on animation depth + design quality + landing page focus + Manu's taste; shadcn wins on primitives + foundation; Tailwind UI wins on Tailwind official + polish; Magic UI wins on free + similar concept. For React landing page components in 2026, Aceternity UI is top visual impact pick.
⏱ 30-second verdict
About
Aceternity UI offers a collection of modern, animated React components designed for Next.js and Tailwind CSS projects. Each component features smooth animations and effects like spotlight cards, parallax scrolling, and animated text reveals. Simply copy the code and customize it for your project.
🎯 Why it's useful
Startup founders can instantly add polished, eye-catching UI elements to their landing pages without hiring a designer or spending hours on animations.
💜 Our take
The animations are genuinely impressive and production-ready. It's like having a senior frontend developer's component library at your fingertips.
How indie founders use Aceternity UI
Indie hacker landing pages
Make your launch page look $50k-designed without a designer. Copy a hero + features + testimonials and ship in hours.
Premium marketing sites
Linear + Vercel + Notion-tier landing page aesthetic. Beam effects, gradient borders, 3D cards, animated heroes.
Designer-developer prototyping
Rapid prototype of marketing concepts with high-quality components. Faster than designing from scratch.
Agency client work
Ship impressive client marketing sites fast. Pro tier templates accelerate site assembly significantly.
Aceternity UI is Manu Arora's collection of stunning, animation-heavy React components — and it became indie-hacker famous in 2024 as the go-to library for landing pages that look like they cost $50k to design. While shadcn/ui gives you clean, accessible primitives, Aceternity gives you the eye-candy: 3D card effects, gradient backgrounds that follow your cursor, animated borders, beam effects, sparkles, infinite-scrolling marquees, hero sections with depth, and dozens of other components that make landing pages feel premium. The pitch is simple: Aceternity components are designed to make your site look impressive immediately. Copy + paste a few sections + your landing page goes from 'looks like a Tailwind tutorial' to 'looks like Linear's launch page'. The components are built with Framer Motion under the hood for smooth animations, and use Tailwind CSS for styling — so they slot into modern React + Next.js stacks cleanly. Honest take: Aceternity is in the same conceptual space as shadcn/ui (copy-paste components, not a package install), Magic UI, and several other component libraries that emerged in 2023-2024. The differentiator is the design quality + animation depth. Manu's design taste is excellent; the components feel cohesive even when you mix several. The trade-off is bundle size — animations require JavaScript, so heavy usage can impact performance. Use them on landing pages (where they shine) more than dashboards (where they're overkill). The free tier covers most needs. Aceternity UI Pro ($199 one-time) adds 'templates' — full pre-built landing pages and marketing site sections — which is genuinely valuable if you're shipping fast. Many indie hackers buy Pro just to skip the 'design my landing page' stage. Who should use it: indie hackers + early-stage founders shipping marketing sites that need to look premium, designers + design-engineers wanting fast prototyping with great-looking components, agencies building client landing pages quickly, and anyone tired of yet another 'gradient + hero + features' landing page who wants something more interesting. Where to skip: production dashboards (overkill + bundle size), accessibility-first apps (some animations can be problematic for motion-sensitive users, though Aceternity respects prefers-reduced-motion), and projects not using React + Tailwind + Framer Motion (it's stack-specific). Manu has built a serious indie business around this — Aceternity UI + Aceternity UI Pro + tutorials + community. He's also unusually transparent about what works in the design + dev space on Twitter, which is part of why the library resonated. For React landing pages in 2026, it's hard to beat.
Pricing
Free
- ✓All free components
- ✓Copy + paste code
- ✓MIT licensed
- ✓Commercial use OK
- ✓Community support
Pro
- ✓Pre-built templates
- ✓Premium components
- ✓Email support
- ✓Lifetime updates
- ✓Commercial use
Free · Open source components
Frequently asked questions
Is Aceternity UI free?
Yes — all components in the main library are free + MIT licensed + commercial use allowed. Aceternity UI Pro ($199 one-time) adds pre-built templates and premium components for faster marketing site assembly.
Aceternity vs shadcn/ui?
shadcn/ui gives you clean accessible primitives (buttons, forms, dialogs) — the foundation. Aceternity gives you eye-candy components (3D cards, beam effects, animated heroes) — the marketing layer. Many indie hackers use both: shadcn for app UI, Aceternity for landing pages.
Does Aceternity work with Next.js?
Yes — built for React + Next.js + Tailwind CSS + Framer Motion stack. Copy + paste components into your app. App Router compatible. Works with both server + client components depending on the component (animations require client components).
Who's behind Aceternity UI?
Manu Arora — indie developer known for design-engineer combo skills. Built Aceternity UI in 2023-2024, now a meaningful indie business. Active on Twitter (@mannupaaji) sharing design + dev content. Strong community + responsive maintainer.
Are Aceternity components performant?
Animations require JavaScript so bundle size + runtime cost is real. Components are well-optimized individually, but heavy usage can impact performance. Best practice: use rich Aceternity components on landing pages (where impression matters), simpler components elsewhere (where speed matters).
Reviews
No reviews yet — be the first.
Tools like Aceternity UI
See all Design →Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards