How do I install 21st.dev?

Copy the http config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.

Does 21st.dev need an API key?

No required environment variable is listed on this record.

21st.dev

by dev.21st

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

接入你的智能体

添加此服务器

The publisher's own URL. Not a PlugMCP endpoint.

Server URL

https://21st.dev/api/mcp

Provider

Add in Claude

Claude opens with the name and URL filled in. You still confirm it there.

Claude Code

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

Run in a terminal.

Claude Desktop

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

claude_desktop_config.json

Step-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

在 PlugMCP 上运行

用我们的密钥与日志托管一份副本。

这是你新建的服务器，不是此条目的官方端点。若要用发布方的 URL 与凭证，请使用上方安装面板。

启动

Related MCP

Related skills

View all

Questions

How do I install 21st.dev?: Copy the http config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.
Does 21st.dev need an API key?: No required environment variable is listed on this record.
What transport does 21st.dev use?: 21st.dev is reached over HTTP.
When was 21st.dev last checked?: Last checked 2026-10-16. Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

README is not crawled yet. No repository on file.