21st-dev / MCP Servers

magic-mcp

Name: 21st-dev/magic-mcp
Author: 21st-dev

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

6.2k stars
505 forks
9 open issues
Language: TypeScript
License: ISC
updated 1mo ago

Install in Claude View on GitHub

Install

Claude Code CLI

git clone https://github.com/21st-dev/magic-mcp

claude_desktop_config.json

{
  "mcpServers": {
    "magic-mcp": {
      "command": "node",
      "args": ["/path/to/magic-mcp/dist/index.js"]
    }
  }
}

~/.cursor/mcp.json

{
  "mcpServers": {
    "magic-mcp": {
      "command": "node",
      "args": ["/path/to/magic-mcp/dist/index.js"]
    }
  }
}

Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
Replace any <placeholder> values with your API keys or paths.
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.

README

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 6.2k GitHub stars and its last recorded update is dated 2026-09-09.

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 97/100 (tier: Verified). 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 dated 2026-09-09, with 9 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.

Project homepage

https://21st.dev/mcp