21st.dev
AI App Builders · Free + paid
Build products that reflect the team's own taste with AI assistance
At a glance
- Made by
- 21st Labs, Inc.
- Korean
- None (English and a few others only)
- Available on
- Web, CLI
What is 21st.dev?
21st is a community catalog of React components, full templates, shadcn themes, shaders, and gradients made by design engineers. Users browse components, see a live preview, then copy a prompt for AI and paste it into an AI tool such as Cursor, Claude Code, v0, or Lovable to add it to their own codebase. The code is not installed as a package but copied into your repository, so you own and edit it yourself. It also provides shadcn CLI install commands, and anyone can upload their own components, while template authors can sell them directly. The paid add-on 21st AI can generate and refine UI.
- Browse over 12,000 React components, templates, and shadcn themes with live preview
- Copy an AI prompt for each component → paste it into Claude Code, Codex, Lovable, etc. to install
- Provides shadcn CLI install commands (shadcn registry format)
- Search components and fetch code via MCP and CLI
- Bookmark lists (personal and team-shared)
- Anyone can publish components; template authors sell directly
- 21st AI: generates and compares results from multiple AI models (Sketch), React code mode and live sandbox
- Design Bug Bot: design review on PRs with suggested fix code
Who uses 21st.dev and for what
- Developers using AI coding tools quickly drop finished UI components into their own projects
- Agencies and teams manage UI assets with shared collections and private team components
- Design engineers publish their own components and sell templates
Pricing
What you get for free — Yes (browsing everything is free, 2 free component copies per day, 5 free Design Bug Bot reviews)
| Plan | Price | Main limits |
|---|---|---|
| Builder | $6 | Unlimited code and prompt copying, unlimited MCP and CLI installs, no AI credits |
| Builder + AI | $15 | 500–2,000 AI credits per month, extra 100 credits for $5 (rollover) |
| Team | $7.5 | 2–50 seats, centralized billing, shared collections, admin features, AI credits optional |
Checked on the official pages on 2026-10-14. Prices and features can change, so check the official site again before paying. · Official pricing page
AI tools similar to 21st.dev (alternatives)
21st.dev vs. alternatives at a glance
| AI | Pricing | Combos on the map | Connected tools | Free | Cheapest monthly | Korean |
|---|---|---|---|---|---|---|
| 21st.dev | Free + paid | 0 | 20 | Yes | $6/mo | No |
| a0 | Free + paid | 0 | 20 | — | $20/mo | No |
| Anything | Free + paid | 0 | 20 | Yes | $19/mo | No |
| Aura | Free + paid | 0 | 20 | Yes | $12.5/mo | No |
| Base44 | Free + paid | 0 | 20 | Yes | $16/mo | No |
4 of these 5 tools have a free plan. Cheapest paid plan: 21st.dev ($6/mo).
Combo and connection counts are based on the relationships recorded on AI Galaxy Map (2026-10-26); they are not a quality ranking.
21st.dev on AI Galaxy Map
- One of 41 AI tools in the AI App Builders field.
- Connected to 20 other tools — #1 in its field.
Frequently asked questions
Can I use 21st.dev for free?
Yes (browsing everything is free, 2 free component copies per day, 5 free Design Bug Bot reviews). Prices can change, so check the official site before paying.
What AI can I use instead of 21st.dev?
Tools that do the same job, such as a0, Anything, Aura, Base44, are connected to it on the map.
Can I use 21st.dev in Korean?
None (English and a few others only)
Sources (official pages)
Checked on the official pages on 2026-10-14. Prices and features can change, so check the official site again before paying.