Loading MCP server directory, please wait...
Search 21st.dev UI components & themes, get their code, and generate new ones with 21st AI.
npx @getmcp/cli add dev.21st/mcpRequires Node.js 18+. Community-contributed server. Review source before installing.
x-api-keyYour 21st.dev API key (get one at https://21st.dev/mcp). Discovery (initialize, tools/list) works without it; component code retrieval and generation require it.
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": ""
}
}
}
}