# Magic MCP (MCP server)

> 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.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/21st-dev/magic-mcp |
| GitHub stars | 6,256 |
| License | ISC |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: @21st-dev/magic |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Developer tools |
| Latest release | v0.2.3 (Sep 9, 2026) |
| Last commit | Sep 9, 2026 |

## Install

### Claude Desktop (claude_desktop_config.json)

```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

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

### Cursor (.cursor/mcp.json)

```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)

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

Config formats checked against the official docs on 2026-10-07.

## Similar MCP servers

- [Ouroboros](https://appsgit.com/mcp-servers/ouroboros): Pins an acceptance spec; the verify command and expected output never enter the success contract. (6,275 stars, MIT)
- [Claude Code Ultimate Guide](https://appsgit.com/mcp-servers/claude-code-ultimate-guide): Search the Claude Code Ultimate Guide and machine-readable references from any MCP client. (6,252 stars, CC-BY-SA-4.0)
- [Jscpd](https://appsgit.com/mcp-servers/jscpd): Copy/paste detector for source code. 220+ languages, Rust engine, SARIF/HTML/badge reporters, GitHub Action, MCP server for AI agents. (6,450 stars, MIT)
- [agent-device](https://appsgit.com/mcp-servers/agent-device): MCP server for mobile app automation: verify, control, and debug iOS, Android, TV, and desktop apps. (5,149 stars, MIT, official)
- [MobileBuildMCP](https://appsgit.com/mcp-servers/mobilebuildmcp): A Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects. (6,508 stars, MIT, official)
- [Unity MCP Server](https://appsgit.com/mcp-servers/unity-mcp-server): Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games. (4,531 stars, Apache-2.0)

---

Canonical page: https://appsgit.com/mcp-servers/magic-mcp
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.