A compatibility proxy for Magic MCP, now 21st MCP, enabling API-based UI component search and generation via the 21st CLI. It forwards MCP messages to the 21st MCP server and preserves old configs.
Collecting history — the radar snapshots this repo daily. The trend line appears after 3 days of data (2 so far).
What it is
Magic MCP is now the 21st MCP. This package remains published as a thin compatibility proxy so old configs keep working. It is installed via the 21st CLI and points to the unified 21st MCP server.
How it works
The package acts as a small stdio proxy that forwards every MCP message to the 21st MCP server. Existing mcp.json entries referencing @21st-dev/magic still function, but they communicate with the same server as the 21st CLI. The API key is accepted in multiple forms (positional, flags, or environment variables). The legacy tool names are translated to new 21st MCP tool names.
Getting started
Install the 21st MCP (recommended):
npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex
Or manually configure the MCP server:
{
"mcpServers": {
"21st": {
"url": "https://21st.dev/api/mcp",
"headers": { "x-api-key": "YOUR_21ST_API_KEY" }
}
}
}
Get an API key at 21st.dev/mcp.
Old API keys were reset; generate a fresh key at 21st.dev/mcp.
Recent releases
- none
Traction
5538 stars, 413 forks, 2 open issues as per repository facts.
Behind the repo
Linked startup in VibeCrowd catalog: 21st (category: -)
Caveats
License: none listed. Created: 2025-02-19. Last push: 2026-07-24.