21st.dev MCP Server

Install in Claude Code

claude mcp add --transport http 21st https://21st.dev/api/mcp

Install in Cursor

{
  "mcpServers": {
    "21st": {
      "url": "https://21st.dev/api/mcp"
    }
  }
}

Install in Claude Desktop

{
  "mcpServers": {
    "21st": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://21st.dev/api/mcp"
      ]
    }
  }
}

Or add it as a custom connector under Settings → Connectors. The config above bridges via mcp-remote.

Install in VS Code

{
  "servers": {
    "21st": {
      "type": "http",
      "url": "https://21st.dev/api/mcp"
    }
  }
}

Install in Windsurf

{
  "mcpServers": {
    "21st": {
      "serverUrl": "https://21st.dev/api/mcp"
    }
  }
}