Search 21st.dev UI components & themes, get their code, and generate new ones with 21st AI.
Use this profile to copy client config, check auth requirements, review tools and resources, and compare related MCP servers before adding it to an AI client.
Get practical integration notes and launch examples for MCP servers like 21st.dev.
https://21st.dev/api/mcpHeaders: x-api-key
Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
{
"mcpServers": {
"dev-21st-mcp": {
"url": "https://21st.dev/api/mcp"
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonNo remote HTTP endpoint is advertised. Use the package or stdio setup shown in Install.
Paste an API key, bearer token, or session value from the provider. It is used once to list inventory and discarded after the request.
Your 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.
21st.dev is an MCP server for Search 21st.dev UI components & themes, get their code, and generate new ones with 21st AI.. It supports HTTP transport.
Use the generated config in Install. It points your client at the advertised remote endpoint shown on this page.
Choose the Claude Desktop tab in Install, copy the config, and add it to Claude Desktop's MCP server settings. Endpoint: https://21st.dev/api/mcp.
Choose the Claude Code tab in Install, copy the config, and add it to Claude Code's MCP server settings. Endpoint: https://21st.dev/api/mcp.
Choose the Codex tab in Install, copy the config, and add it to Codex's MCP server settings. Endpoint: https://21st.dev/api/mcp.
Choose the Cursor or VS Code tab in Install, copy the config, and add it to Cursor or VS Code's MCP server settings. Endpoint: https://21st.dev/api/mcp.
21st.dev uses HTTP transport. Endpoint: https://21st.dev/api/mcp.
21st.dev inventory is listed when the MCP endpoint exposes tools, resources, or prompts. Some servers require auth first.
21st.dev is marked with Auth required by registry metadata auth. You may need provider login, an API key, a bearer token, or a session header.