Skip to main content
ClaudeWave
21st-dev avatar
21st-dev

magic-mcp

View on GitHub

It'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

MCP Servers5.5k stars412 forks● JavaScriptUpdated 3d ago
ClaudeWave Trust Score
59/100
· OK
Passed
  • ✓Healthy fork ratio
  • ✓Clear description
  • ✓Mature repo (>1y old)
Flags
  • !No standard license detected
Last scanned: 6/11/2026
Install in Claude Code / Claude Desktop
Method: Manual
Claude Code CLI
git clone https://github.com/21st-dev/magic-mcp
claude_desktop_config.json (Claude Desktop)
{
  "mcpServers": {
    "magic-mcp": {
      "command": "node",
      "args": ["/path/to/magic-mcp/dist/index.js"]
    }
  }
}
1. Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
2. Replace any <placeholder> values with your API keys or paths.
3. Restart Claude. The MCP server and its tools appear automatically.
💡 Clone https://github.com/21st-dev/magic-mcp and follow its README for install instructions.
About

MCP Servers overview

README preview not available. Visit the repo on GitHub for full documentation.
Topics
21stclaudecursormcpmodel-context-protocolreacttailwindcssui-components
Frequently asked

What people ask about magic-mcp

What is 21st-dev/magic-mcp?

+

21st-dev/magic-mcp is mcp servers for the Claude AI ecosystem. It'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 It has 5.5k GitHub stars and was last updated 3d ago.

How do I install magic-mcp?

+

You can install magic-mcp by cloning the repository (https://github.com/21st-dev/magic-mcp) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is 21st-dev/magic-mcp safe to use?

+

Our security agent has analyzed 21st-dev/magic-mcp and assigned a Trust Score of 59/100 (tier: OK). See the full breakdown of passed checks and flags on this page.

Who maintains 21st-dev/magic-mcp?

+

21st-dev/magic-mcp is maintained by 21st-dev. The last recorded GitHub activity is from 3d ago, with 1 open issues.

Are there alternatives to magic-mcp?

+

Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.

1-click deploy

Deploy magic-mcp to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

VercelRailwayRender
Embeddable badge

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: 21st-dev/magic-mcp
[![Featured on ClaudeWave](https://claudewave.com/api/badge/21st-dev-magic-mcp)](https://claudewave.com/repo/21st-dev-magic-mcp)
<a href="https://claudewave.com/repo/21st-dev-magic-mcp"><img src="https://claudewave.com/api/badge/21st-dev-magic-mcp" alt="Featured on ClaudeWave: 21st-dev/magic-mcp" width="320" height="64" /></a>
Related

More MCP Servers

n8n-io
n8n
today

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

198.3k59.7kTypeScript
MCP ServersaiapisInstall
open-webui
open-webui
today

User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

147k21.4kPython
MCP ServersaillmInstall
google-gemini
gemini-cli
today

An open-source AI agent that brings the power of Gemini directly into your terminal.

106.2k14.3kTypeScript
MCP Serversaiai-agentsInstall
netdata
netdata
today

The fastest path to AI-powered full stack observability, even for lean teams.

79.9k6.5kGo
MCP ServersaialertingInstall
koala73
worldmonitor
today

Real-time global intelligence dashboard. AI-powered news aggregation, geopolitical monitoring, and infrastructure tracking in a unified situational awareness interface

75.4k11.3kTypeScript
MCP ServersagentaiInstall
D4Vinci
Scrapling
today

🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl!

71.5k7.1kPython
MCP Serversaiai-scrapingInstall