Skip to content
appsgit

Magic MCP

Magic MCP is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI… It has 6,256 GitHub stars, is released under the ISC license and runs locally with npx -y @21st-dev/magic.

github.com/21st-dev/magic-mcp (opens in a new tab)

Data as of from the GitHub API; description from the project's repository. Report an error

View on GitHub (opens in a new tab)

Install Magic MCP

Generated from the server's published package. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic"
      ]
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --transport stdio magic-mcp -- npx -y @21st-dev/magic

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "magic-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic"
      ]
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "magic-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/magic"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

About Magic MCP

Magic MCP is now the 21st MCP. The Magic MCP server (@21st-dev/magic) has been replaced by the unified 21st MCP, installed via the 21st CLI — setup at 21st.dev/mcp. This package remains published as a thin compatibility proxy so old configs keep working.

  • 21st
  • claude
  • cursor
  • mcp
  • model-context-protocol
  • react
  • tailwindcss
  • ui-components

Similar MCP servers

More developer tools MCP servers

All Developer tools

FAQ

Magic MCP FAQ

Still curious? Email info@appsgit.com.

How do I install the Magic MCP MCP server?

Add the command npx -y @21st-dev/magic to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Magic MCP free?

The server is open source under the ISC license, so running it is free. It does not declare any required API key.

Is Magic MCP actively maintained?

The most recent commit was on Sep 9, 2026. The latest release is v0.2.3, published Sep 9, 2026. appsgit only lists MCP servers with a commit in the last six months.