@21st-dev/magic
It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for wo
What it does for you
Lets your AI generate polished UI components — describe the interface you want and get usable React component code.
Capabilities
- Generate UI components from a description
- Draw on ready-made component libraries
Once installed, try asking your AI
Say this directly in Claude / Cursor or any client with this server connected
- ›“Build me a pricing card component with a search box”
Before you connect
Config example (to connect)
{
"mcpServers": {
"@21st-dev/magic": {
"command": "npx",
"args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"your-api-key\""]
}
}
}Install / Connect
claude mcp add magic -- npx -y @21st-dev/magicFollow the official README; env and args vary per server.
🛠️ Maintenance weight 30% · 32 pts
📊 Adoption weight 25% · 58 pts
✅ Usability weight 20% · 100 pts
❤️ Health & community weight 25% · 43 pts
Sources: GitHub API · npm registry · Official registry · updated 2026-07-23
90-day trend
⭐ stars +0%
📦 weekly downloads +0%
Similar / alternative servers
ai.com.mcp/registry
MCP Registry Server
mcp-toolbox
MCP Toolbox for Databases is an open source MCP server for databases.
ai.smithery/ChiR24-unreal_mcp
Control Unreal Engine to browse assets, import content, and manage levels and se
mcp-grafana
MCP server for Grafana
One email a week, 5 minutes to see what happened in the MCP ecosystem
New servers, breakout trends, abandonment alerts — tracked automatically, curated by hand, sent to your inbox.
One email a week · unsubscribe anytime · no data selling