MCPServers.com - Discover and browse Model Context Protocol servers

Browse and search our comprehensive directory of MCP servers organized by category Learn about Model Context Protocol with comprehensive guides and documentation

DirectoryLoading...

Claude Design21st.dev Magic for Claude

21st.dev Magic

by 21st.dev

21st.dev author

3.6k

Claude

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

1{
2  "mcpServers": {
3    "21st.dev magic": {
4      "env": {},
5      "args": [
6        "-y",
7        "@21st-dev/magic@latest",
8        "API_KEY=\"your-api-key\""
9      ],
10      "command": "npx"
11    }
12  }
13}

Community Reviews

0.0

0 reviews

No reviews yet. Be the first to review!

Try it now in

Highlight AI

Documentation

View GitHub Repository Visit Website

Language

TypeScript

21st.dev Magic

by 21st.dev

21st.dev author

3.6k

Claude

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

1{
2  "mcpServers": {
3    "21st.dev magic": {
4      "env": {},
5      "args": [
6        "-y",
7        "@21st-dev/magic@latest",
8        "API_KEY=\"your-api-key\""
9      ],
10      "command": "npx"
11    }
12  }
13}

Community Reviews

0.0

0 reviews

No reviews yet. Be the first to review!

Try it now in

Highlight AI

Documentation

View GitHub Repository Visit Website

Language

TypeScript

21st.dev Magic

by 21st.dev

Claude

Setting up with Claude Desktop

Community Reviews

Documentation

Language

Categories

21st.dev Magic

by 21st.dev

Claude

Setting up with Claude Desktop

Community Reviews

Documentation

Language

Categories