21st-dev/magic-mcp
Some data may be outdated — see provenance labels.
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp observed · 2026-10-06
Health v2 · maintenance only
73/100
- Activity 94
- Release rhythm 62
- Longevity 43
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 608
- days_rel: 41
- days_push: 41
- n_releases_24m: 1
Adoption not part of the score
5972 stars · 473 forks observed · 2026-10-06
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Magic MCP is a legacy compatibility proxy package that forwards MCP requests to the unified 21st MCP server, which lets AI coding agents like Cursor, Claude Code, and Windsurf search a catalog of 10,000+ React/Tailwind components and generate new UI with AI. The old @21st-dev/magic stdio proxy keeps existing mcp.json configs working while new users should install via the 21st CLI.
Use cases
- search react tailwind components from cursor
- generate ui components with ai in my editor
- add mcp server for ui components to claude code
- find inspiration for react component designs
- publish my own react components for my team
- generate pricing table ui with ai variants
When to choose
- you use Cursor, Claude Code, Windsurf, or another MCP client and want AI-assisted UI component search and generation
- you have an existing @21st-dev/magic config that should keep working without changes
- you want to search, install, or publish React/Tailwind components directly from your editor
When to avoid
- you are setting up fresh - use the unified 21st MCP via the 21st CLI instead of this legacy proxy
- you need fully offline or self-hosted component generation - the service requires an API key and cloud backend
- you work outside the React/Tailwind ecosystem
Facets
service · maturity active
mcp ui-components llm-inference search-engine frontend web-development developer-tools large-language-models cli editor-plugin cross-platform mcp-server react tailwindcss cursor claude-code windsurf ui-generation component-catalog compatibility-proxy 21st-dev code-generation ai-agents nodejs
2 sources
- readme: https://github.com/21st-dev/magic-mcp · fetched 2026-10-06 · d235ecb66f58
- homepage: https://21st.dev/mcp · fetched 2026-08-29 · 51a53e5c0993
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| 21st-dev/magic-mcp | main | 73 |
For agents
markdown · JSON · MCP: product_card(name="21st-dev/magic-mcp")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem