magic-mcp

MCP CompatibleScore: 68

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

21st-devtoolother4,312 starsGitHub

Reputation

—

Success Rate

—

Avg Latency

Usage Count

Connection Spec

Transport

sse

Install Command

npx @21st-dev/cli@latest install <client> --api-key <key>

Quick Setup

{
  "mcpServers": {
    "magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@21st-dev/cli@latest"
      ],
      "transport": "sse"
    }
  }
}

Paste into your Claude Desktop config file

Health

MaintenanceActive

Last commit11d ago

Open issues22

LicenseUnknown

VerificationPartial

API Response Preview

What agents get when they query this resource:

{
  "id": "bdc4190e-c6eb-49e9-bced-656bdf352b59",
  "name": "magic-mcp",
  "category": "tool",
  "subcategory": "other",
  "mcp_compatible": true,
  "reputation_score": 0.679605,
  "success_rate": null,
  "endpoint_url": null,
  "spec": {
    "transport": "sse",
    "install_command": "npx @21st-dev/cli@latest install <client> --api-key <key>",
    "tools": null,
    "features": null
  }
}