Magic (21st.dev)

Name: Magic (21st.dev)
Rating: 5 (4542 reviews)
Author: 21st-dev

MCP Server

by 21st-dev · Added 5mo ago

Claude

4.5k

Install

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

Add to Claude

claude mcp add 21st-dev-magic-mcp

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "magic-21st-dev": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/magic-21st-dev"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

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

Magic (21st.dev)

Install

Add to Claude

Quick Setup Config

About

Tags

From Our Store

Claude Code Power User Kit

OpenClaw Business Starter Kit