kitio.aiAdded Oct 28, 2026
21st.dev
FreemiumUI component library and MCP tools for AI coding agents
What is 21st.dev?
21st.dev is a library of production-ready React and Tailwind components, many shadcn-compatible, built for AI coding agents. Its Magic MCP server lets agents in Cursor, Claude Code and other tools install components instead of inventing them. Browsing the library is free.
Each component comes with the prompt an agent needs to use it, so generated interfaces look designed rather than generic. Magic can generate several UI variations to choose from. Paid plans unlock full access and higher Magic usage.
Features
- Component library
- Magic MCP server
- UI variation generation
- Agent-ready prompts
- shadcn compatibility
Tags
Releases
+ Submit new release- Listed
21st.dev was added to the directory.
Organization
21st.dev
Listed by kitio.ai · unverified owner
Pricing
- Pricing model
- Freemium
- Paid options from
- Not listed
21st.dev plans
Free
Free
- Browse the whole library
- 2 component copies a day
Builder
$8/mo billed quarterly
- Unlimited copies and installs
- Unlimited shaders and gradients
Builder + AI
$20/mo billed quarterly
- 500 AI credits/month
- Design Bug Bot PR reviews
- Premium AI models
Team
$10/seat/mo billed quarterly
- Per seat, 2 to 50 seats
- Shared collections
- Private team components
- Admin controls
Prices in USD, checked Oct 28, 2026. Plans change often, so confirm on the 21st.dev site.Official pricing
Sponsored
Your AI tool here
A Featured launch puts your tool in this spot and on the home page for a week.
Top 21st.dev alternatives
View allCoding
Free open-source editor with built-in AI agents for coding
Coding
Up-to-date library docs for AI coding agents via MCP
Coding
One-click bug reports with AI for people and coding agents
Compare 21st.dev
If you liked 21st.dev
Microsoft's MCP server that gives AI agents a real browser
FreeCodingMade in United StatesCode quality, security and AI guardrails in one platform
Freemium · $21/moCodingMade in PortugalTurns Figma designs into native iOS and Android apps, buildable from AI
Freemium · $22/moCoding
Pros and cons
Pros
- Improves AI-generated UI quality
- Works with major coding agents
- Large free catalog
Cons
- React and Tailwind only
- Magic usage is paid
Prompts & results
No prompts yet. Add your own prompt and output to help others use this tool.
Share a prompt
Reviews
Q&A
What is 21st.dev?
21st.dev is a library of production-ready React and Tailwind components, many shadcn-compatible, built for AI coding agents. Its Magic MCP server lets agents in Cursor, Claude Code and other tools install components instead of inventing them. Browsing the library is free.
How much does 21st.dev cost?
21st.dev is freemium.
Is there a free version of 21st.dev?
Yes. 21st.dev has a free plan, and paid plans add more usage and features.
What are the main features of 21st.dev?
Component library, Magic MCP server, UI variation generation, Agent-ready prompts, shadcn compatibility.
Who makes 21st.dev?
21st.dev is made by 21st.dev.
What are the best alternatives to 21st.dev?
Popular alternatives include Visual Studio Code, Context7, DeepWiki.