21st.dev
Rank #56,672dev.21st/mcp
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
21st.dev is a Model Context Protocol (MCP) server. It ranks #56,672 of 137,138 servers tracked on MCP Toplist. 21st.dev is listed on Official MCP, with 2 tracked versions. It was first listed on Jul 3, 2026 and most recently updated on Sep 9, 2026.
Ranks ahead of 80,466 of 137,138 servers on MCP Toplist.
Use 21st.dev
Hosted remote endpoint gated by authentication — connect via its URL and authenticate with the provider (OAuth flow or an API key/header, per its docs).
claude mcp add --transport http 21st https://21st.dev/api/mcpThis endpoint requires authentication — see the server’s docs for credentials.
[mcp_servers.21st]
url = "https://21st.dev/api/mcp"Add to ~/.codex/config.toml. This endpoint requires authentication — see the server’s docs for credentials.
https://21st.dev/api/mcpSettings → Connectors → “Add custom connector”, then paste this URL. This endpoint requires authentication — see the server’s docs for credentials.
{
"mcpServers": {
"21st": {
"url": "https://21st.dev/api/mcp"
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). This endpoint requires authentication — see the server’s docs for credentials.
{
"servers": {
"21st": {
"type": "http",
"url": "https://21st.dev/api/mcp"
}
}
}Save as .vscode/mcp.json in your workspace. This endpoint requires authentication — see the server’s docs for credentials.
{
"mcpServers": {
"21st": {
"serverUrl": "https://21st.dev/api/mcp"
}
}
}Add to ~/.codeium/windsurf/mcp_config.json. This endpoint requires authentication — see the server’s docs for credentials.
{
"mcpServers": {
"21st": {
"url": "https://21st.dev/api/mcp"
}
}
}This endpoint requires authentication — see the server’s docs for credentials.
Show your rank
Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.
[](https://mcptoplist.com/server/dev.21st%2Fmcp)<a href="https://mcptoplist.com/server/dev.21st%2Fmcp"><img src="https://mcptoplist.com/badge/dev.21st%2Fmcp.svg" alt="MCP Toplist: Top 50% of 137,138" /></a>Variants: append ?metric=score or ?metric=stars to the image URL.
Listed on 1 registry
Available versions (2)
| Version | Published |
|---|---|
| 1.0.1 | Sep 9, 2026 |
| 1.0.0 | Jul 3, 2026 |
Frequently asked questions
- Is 21st.dev listed on the Official MCP Registry?
- Yes — 21st.dev is listed on the Official MCP Registry.
- How many versions does 21st.dev have?
- MCP Toplist tracks 2 versions of 21st.dev, most recently published on Sep 9, 2026.
Do you run this server?
Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.