Magic MCP (21st.dev)
Generate and search polished React UI components inside your coding agent
About
Magic MCP is now the 21st MCP, a component generator and catalog server for React and Tailwind UI. It lets you search 10,000+ components, get inspiration, and generate new editable UI with AI directly inside your editor. It is best for frontend developers who want v0-style generation without leaving Cursor, Claude Code, or Windsurf.
npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex
# Or add it manually — it is a plain HTTP MCP server:
{
"mcpServers": {
"21st": {
"url": "https://21st.dev/api/mcp",
"headers": { "x-api-key": "YOUR_21ST_API_KEY" }
}
}
}Copy individual commands
npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex- Or add it manually — it is a plain HTTP MCP server::
{ "mcpServers": {"21st": {"url": "https://21st.dev/api/mcp","headers": { "x-api-key": "YOUR_21ST_API_KEY" }}}}
Get a fresh API key at 21st.dev/mcp — old Magic API keys were reset and no longer work.
More in MCP Servers
View all
Context7
Up-to-date, version-specific library docs pulled straight into your prompt.
Playwright MCP
Let your AI drive a real browser — navigate, click, fill forms and read pages.
Docker MCP Gateway
Run MCP servers as isolated Docker containers from the signed catalog, behind one gateway endpoint. Needs Docker.