magic-mcp
Level ARemoteIt's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
Magic MCP is now the 21st MCP: this package is a compatibility proxy that keeps existing Magic configurations working. It lets AI assistants in your editor search 21st.dev's catalog of React/Tailwind components, themes, and templates; retrieve component code; and generate or iterate UI when AI access is enabled. Accounts also include bookmarks, team libraries, profile management, and publishing your own components.
Installation
MCP client config (paste into mcp.json)
{
"mcpServers": {
"21st-dev-magic-mcp": {
"url": "https://21st.dev/api/mcp"
}
}
}Agent install prompt
Copy and paste into Cursor / Claude / other agents to install this MCP for you
Please read this MCP repository and install it into my current environment:
https://github.com/21st-dev/magic-mcp
Known working client config (can write into mcp.json):
{
"mcpServers": {
"21st-dev-magic-mcp": {
"url": "https://21st.dev/api/mcp"
}
}
}
Please: 1) check README for deps and env vars; 2) write config for my client; 3) if secrets are missing, tell me what to fill — do not invent values.