21st-dev/magic-mcp
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-08-28
Health v2 · maintenance only
63/100
- Activity 95
- Release rhythm 35
- Longevity 40
Flags: no_releases no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 560
- days_rel: n/a
- days_push: 33
- n_releases_24m: 0
Adoption not part of the score
5735 stars · 440 forks observed · 2026-08-28
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-08-28 · d235ecb66f58
- homepage: https://21st.dev/mcp · fetched 2026-08-29 · 51a53e5c0993
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| 21st-dev/magic-mcp | main | 63 |
For agents
markdown · JSON · MCP: product_card(name="21st-dev/magic-mcp")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem