Skip to content
mcp/harbor
Grok

21st.dev for Grok

dev.21st/mcp

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

client:Grok transport:streamable-http

Install 21st.dev in Grok

.mcp.json (in your project root) 

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

Grok Build reads Claude Code's .mcp.json and Claude Desktop's config unchanged, so a server you have already set up there needs nothing new. The Grok web app and X integration do not take custom servers. Grok docs

21st.dev in other clients

21st.dev MCP server