✨

21st.dev Magic

Verified

Design

Create crafted UI components inspired by the best design engineers. AI-powered component generation.

Install 21st.dev Magic

Via MCPizy CLI (recommended):

mcpizy install 21st-dev

Or run directly:

npx -y @21st-dev/magic-mcp

Add to your .claude.json:

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

Claude Code

Claude Desktop

Cursor

Windsurf

VS Code + Copilot

Any MCP Client

Read Figma files, components, and design tokens

3D modeling and rendering via API

Architecture and whiteboard diagrams

Create presentations and PowerPoints using AI. Generate professional slides from text prompts.

Monitor usage, track costs, and discover new MCPs.