21st.dev — Crafted React Components, Not AI Slop
A community registry of hand-crafted React components and templates: thousands of polished components across 50+ categories, with CLI and MCP integration for AI coding tools — so your AI starts from real, beautiful UI instead of the bland AI average.
21st.dev's positioning is blunt: "Crafted, not AI slop" — a community registry of React components and templates, with thousands of hand-polished components across 50+ categories (buttons, cards, forms and more), full templates for landing pages, dashboards and SaaS apps, plus rarer fare like ASCII art and shaders.
Its real value in the AI-coding era is the integration path: beyond browsing, it ships a CLI and an MCP tool, so AI assistants like Claude can pull from this curated library when generating UI instead of improvising from the model's "average taste".
Content is community-driven: anyone can publish components through Creator Studio, creating a loop where designers supply and developers-plus-AI consume.
For React developers and teams who don't want their product looking like every other AI-generated site.
FAQ
What is 21st.dev?
A community registry of React components and templates: thousands of hand-polished components across 50+ categories, positioned as "Crafted, not AI slop".
How does it work with AI coding tools?
It ships a CLI and an MCP tool, so AI assistants like Claude pull from the curated library when generating UI instead of improvising from the model's average taste.
Who can publish components?
Anyone — publish your own components and templates through Creator Studio; the content is community-driven.
What kind of content is on it?
Components organized by category (buttons, cards, forms), full templates (landing pages, dashboards, SaaS apps), plus rarer fare like ASCII art and shaders.