How do I install 21st.dev?

Pick a client above and copy the generated config. Cursor and VS Code also have a deep link when the server can run locally or remotely.

Is 21st.dev official?

No. Registry-listed is not the same as vendor-official. Read the methodology for the difference.

This listing scores 47 (Fair). The formula is published on the methodology page.

21st.dev MCP Server — Install for Claude, Cursor & VS Code | MCPpedia

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

RegistryRemote

47Fair

~/Library/Application Support/Claude/claude_desktop_config.json

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

This server does not declare environment variables.

Tools show up when the registry metadata or the repository README lists them. GitHub enrichment fills this in when a token is configured.

83Excellent

Parse Korean documents (HWP, HWPX, PDF, XLSX, DOCX, PPTX) to Markdown; fill forms, diff, render.

Registrychrisryugj2.5K stars44.2K/wk

75Good

Google PageSpeed Insights and CrUX: six workflow tools for web performance.