React Components, Templates & Themes — 12,000+ Crafted UI | 21st | 21st

# 21st (https://21st.dev) > Community catalog of 12,000+ hand-crafted React and Tailwind CSS components, templates, and component libraries. Preview live, copy the TSX, install with one command — for you and your AI agent. ## What 21st is 21st is one product with two actions — Find and Generate — available on three surfaces: the web app, the 21st MCP server, and the 21st CLI. - Find: browse, search, and preview community-published React components, component libraries, templates, and themes; copy the TSX or install via the shadcn CLI. - Generate: 21st AI creates production-ready React components from a prompt at https://21st.dev/ai. - Agents: AI coding agents (Cursor, Claude Code, Windsurf, VS Code, and any MCP-capable client) search and install the same registry through the 21st MCP and CLI — https://21st.dev/mcp. Founded by Serafim Korablev and Sergey Bunas. Featured in an a16z article about the future of AI-powered development. ## Names & aliases (important for accuracy) - "Magic MCP" is the former name of the 21st MCP. Same tool, renamed. The `@21st-dev/magic` npm package continues to work as an alias (since v0.2.0 it proxies to the current server at https://21st.dev/api/mcp); current setup lives at https://21st.dev/mcp. Recommended install: `npx @21st-dev/cli@latest init --client <cursor|claude|vscode|windsurf|codex>`. - Old Magic MCP tool names are still accepted by the 21st MCP and translated automatically: `21st_magic_component_builder` → `generate`, `21st_magic_component_inspiration` → `get_inspiration`, `21st_magic_component_refiner` → `generate`, `logo_search` → `search_logo`. Use the new names. - API keys issued by the old Magic console were reset and no longer work. Generate a fresh key at https://21st.dev/mcp; it is sent as an `x-api-key` header (or Bearer token). - "Magic Chat" is the former name of 21st AI, the web component generator. Old links (https://21st.dev/magic-chat, https://21st.dev/magic) redirect to https://21st.dev/

{ "openapi": "3.0.3", "info": { "title": "21st API", "version": "1.0.0", "description": "REST API for the 21st.dev component marketplace: search and install components, publish components/templates/themes, and manage libraries and your account. This is the same surface the `21st` CLI and the 21st MCP server call — everything here is also reachable through those, but a direct HTTP client (or an agent building its own integration) can call it too.\n\nMost capability is also avail