200+ production-ready components, blocks, templates, landing pages and micro-interactions built with React, Tailwind CSS and Motion. Copy and paste them, or let Claude Code, Codex or any AI agent with MCP install them for you.
Trusted by 120,000+ founders developers and creators
Use ready-made components in your code, or connect Claude Code, Codex, Cursor, or any MCP-compatible agent to the Aceternity registry and let it build for you.
Components118+ free
Copy-paste components built with Tailwind CSS and Motion. Free for any React or Next.js project.
Templates17 templates
Multi-page Next.js and Tailwind CSS websites for SaaS, AI startups, portfolios, and agencies.
A modern, clean template focused for design and development studios to showcase their services, projects, and pricing.
Modern template for productized agencies to showcase services, packages, and pricing with a clean design.
Blocks183+ blocks
Hero sections, pricing tables, navbars, and footers for React and Next.js. Install with the shadcn CLI or MCP.
Pages5 pages
Complete landing pages for Next.js, TanStack Start, Vite, or any React app. Install with one shadcn command.
A light and dark landing page for Cited, a tool that gets brands named in ChatGPT, Claude and Google, with a live dashboard hero, pricing and FAQ.
A light and dark landing page for Marquee, a design tool that runs on your codebase, with a live canvas hero, sign-up and tour modals, and pricing.
Interactions18 interactions
Accessible micro-interactions built with Motion and shadcn/ui. Hover, drag, and click to try each one.
MCPWorks with any agent
Connect Claude Code, Codex, Cursor, or any MCP agent once. Then type “add a pricing section with a spotlight” and get real Aceternity code in your repo, not a guess at it.
Connect your agentIt builds with 118+ components, 183+ blocks, 17 templates, 5 landing pages. Works with Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Devin, v0, Lovable, Kiro, Cline, Replit, opencode.
Here's what some of our users have to say about Aceternity UI.
amazing to see @calcom find its way into proper templates 🥳 excited to be powering the next thousands of startups and their demo calls!
Stumbled upon ui.aceternity.com today and my mind is blown 🤯 The seamless integration of framer-motion, tailwind CSS, and shadcn showcases a masterclass in UI design. 🚀 Kudos to @mannupaaji for creating such an innovative and inspirational resource for devs! #UI #nextjs
Have you heard of Aceternity UI? It's packed with various animated components that are ready to copy and paste! Mind-blowing stuff... 🤯 Click here ➡️ ui.aceternity.com #framermotion #nextjs #tailwindcss #techinnovation
ui.aceternity.com So well done. And its bloody free 🤯🤯 Phenomenal work by @mannupaaji
So happy to see @mannupaaji work being recognised 🥹🤌🏻♥️ His work is literally a treasure trove for devs 💎
Aceternity UI has some of the best components for designing landing pages I've ever seen. If you're struggling with figuring out what animations to use. Check it out. Thank me later 😉. ui.aceternity.com
See what the best YouTubers are saying about Aceternity UI.
Pay once, build better websites faster. If you don't find what you need here, reach us at support@aceternity.com
Upgrade to Pro today and unlock our entire library of premium components and templates. Copy and paste them, or let Claude Code, Codex, or any MCP agent install them for you.
Trusted by founders and developers
