Loading MCP server directory, please wait...
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
npx @getmcp/cli add dev.21st/mcpRequires Node.js 18+. Community-contributed server. Review source before installing.
x-api-keyYour 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.
Config file: ~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"dev.21st/mcp": {
"url": "https://21st.dev/api/mcp",
"transport": "streamable-http",
"headers": {
"x-api-key": ""
}
}
}
}