21st.dev
Editor's Pick12,000+ crafted React components, templates and shadcn themes — copy the source or let your AI agent build it.
Try it now
GPT-4oWhat is 21st.dev?
21st (21st.dev) is a living community registry of more than 12,000 hand-crafted React + Tailwind + TypeScript components, full templates and shadcn themes built by 700+ real design engineers, including well-known libraries such as Aceternity UI, Magic UI, Origin UI, Geist, Kokonut UI and Motion Primitives. It combines two actions — Find and Generate — across the web app, the 21st MCP server and the 21st CLI. You browse and live-preview any piece, then either copy its full TSX, install it with a shadcn CLI command, or paste an AI-ready prompt into Cursor, Claude Code, Codex, Windsurf, VS Code, v0 or Lovable so the agent rebuilds it inside your own codebase. Unlike a traditional component library, the source is copied into your repo: you own every line, there is no runtime dependency and nothing to upgrade. 21st AI (formerly Magic Chat; the MCP was formerly called Magic MCP) can also generate and refine production components from a text prompt. Used by more than 3.4 million builders and teams at Google, Meta, NVIDIA, ByteDance, Shopify and PayPal.
Pros
- Largest curated, human-authored React component registry, with named libraries like Aceternity UI, Magic UI, Origin UI and Motion Primitives
- Real editable source copied into your codebase — you own every line, no wrapper package or version lock-in
- Best-in-class AI-agent workflow: one prompt rebuilds the component wired to your stack in Cursor/Claude Code/v0/Lovable
- Free to browse the entire catalog; shadcn-compatible and MIT-style components safe for commercial products
- Trusted by 3.4M+ builders and teams at Google, Meta, NVIDIA, ByteDance, Shopify and PayPal
Cons
- React + TypeScript + Tailwind only — no native Vue, Svelte or Angular components
- Free plan is limited to 2 component copies/installs per day across web, MCP and CLI
- 21st AI generation is a paid credit add-on, and included monthly credits do not roll over
- Quality and code style vary across 700+ independent authors, so pieces still need review
Capabilities
Compare with Alternatives
| Feature | 21st.dev | React Bits | PropertySurvey Pro | Remindion |
|---|---|---|---|---|
| Rating | 4.8 | 4.8 | 4.8 | 4.6 |
| Pricing | Freemium | Freemium | Freemium | Freemium |
| Starting From | 16 | Free | Free / Paid | Free / Paid |
| API | — | — | — | — |
| Free Tier | — | — | — | — |
| Mobile App | — | — | — | — |
Who is it for
Frontend & Design Engineers
Ship polished animated landing pages and UI fast by copying real TSX instead of building effects from scratch.
AI-Assisted Developers
Connect the 21st MCP to Cursor or Claude Code and let the agent find, install and wire the right component in one prompt.
Indie Hackers & Startups
Assemble a credible, production-looking site from templates and marketing blocks without a designer.
Product & Engineering Teams
Standardize on shadcn-compatible, owned source with shared team collections and centralized billing.
Component Authors & Designers
Publish your own components, build a public profile and monetize premium templates.