Design

21st.dev Magic MCP

Magic MCP from 21st.dev helps agents generate polished UI components and design variants. Pair it with a 21st.dev API key for component generation workflows inside Cursor, Claude, and other MCP clients.

Stars

5.4k

Installs

175.0k

License

MIT

Kind

MCP

Trust evidence

Catalogued

Catalogued MCP with public repository metadata. Not a verified endorsement.

  • Stars: 5.4k · catalog
  • Freshness: Updated 2026-05-20
  • Used in 2 known stacks

Prerequisites

  • · Host app that loads MCP config (Cursor, Claude Desktop, etc.)
  • · Node.js 18+

Reference command

{
  "mcpServers": {
    "magic": {
      "command": "npx",
      "args": ["-y", "@21st-dev/magic@latest", "API_KEY=YOUR_API_KEY"]
    }
  }
}

Often stacked with

Stacks that include this