DevelopmentTypeScript

magic-mcp

Create crafted UI components inspired by the best 21st.dev design engineers.

Free

N/A rating (0 reviews)0 installs4,671 GitHub stars

Create crafted UI components inspired by the best 21st.dev design engineers.

Compatible with

Claude DesktopCursor

Install

Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "magic-mcp": {
      "args": [
        "-y",
        "@modelcontextprotocol/server-magic-mcp"
      ],
      "command": "npx"
    }
  }
}

Config File Location

Mac: ~/Library/Application Support/Claude/claude_desktop_config.json

Windows: %APPDATA%\Claude\claude_desktop_config.json

Linux: ~/.config/claude/claude_desktop_config.json

Some servers require additional setup - check the GitHub README for specific instructions.

View on GitHub Visit Website