MCP Radar
English中文
Active

@21st-dev/magic

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/

21st.dev Magic MCP Server setup guide →
GitHub ↗npm ↗
60
TrustScore
✅ No clear abandonment signal detected; complete security and compatibility checks before production use

What it does for you

Lets your AI generate polished UI components — describe the interface you want and get usable React component code.

Capabilities

  • Generate UI components from a description
  • Draw on ready-made component libraries

Once installed, try asking your AI

Say this directly in Claude / Cursor or any client with this server connected

  • ›“Build me a pricing card component with a search box”

Before you connect

🔑 Needs an API key / tokenNode.js

Config example (to connect)

{
  "mcpServers": {
    "21st": {
      "url": "https://21st.dev/api/mcp",
      "headers": { "x-api-key": "YOUR_21ST_API_KEY" }
    }
  }
}

Works with these clients

  • Claude Desktopnpx
  • Claude Codenpx
  • Cursornpx
  • VS Codenpx
  • Windsurfnpx

Derived from the registry manifest (package type and transport) — we have not installed it ourselves. Check the official README before relying on it.

Install / Connect

claude mcp add magic -- npx -y @21st-dev/magic

Follow the official README; env and args vary per server.

🛠️ Maintenance weight 30% · 67 pts

📝
Last commit5 days ago
📈
Commits in 90 days3
💬
Recent issues with replies78%
🗃️
Repo statusNormal

📊 Adoption weight 25% · 63 pts

⭐
GitHub stars5.6k (90d +1%)
📦
npm weekly downloads74.4k（+738%）
🚀
Releases per month0.3

✅ Usability weight 20% · 55 pts

📋
Official registryNot listed
▶️
Runnable entryResolvable (npx/remote)
🔍
AuditabilityOpen-source repo, auditable

❤️ Health & community weight 25% · 50 pts

🐛
open issues2
🔀
open PRs—
⚖️
LicenseNot declared
👥
Contributors / forks5 / 412

Sources: GitHub API · npm registry · updated 2026-07-30

90-day trend

⭐ stars +1%

📦 weekly downloads +738%

Similar / alternative servers

How to choose among these

Search servers all give web access; they differ between semantic retrieval and cited Q&A.

  • Semantic web search + content (research / competitors)Pick Exa — semantic search plus retrieval
  • Distilled Q&A-style answers, fact-checkingPick Tavily / Perplexity — AI-optimized answers
  • Privacy-focused, general web/news searchPick Brave Search

ai.tradesearcher/mcp-server

Search TradeSearcher strategies and backtests from Claude Code, Cursor, Codex, a

56
Activeupdated 5d ago

io.github.chrischall/groupon-mcp

Groupon deals for Claude — search and browse local, goods, and travel deals

56
Activeupdated today

io.github.ouestcharlie/ouestcharlie-woof

An MCP server and app to search and browse your photos while preserving your pri

66
Active⭐ 6updated 3d ago

io.github.chrischall/gogcli-mcp-drive

Google Drive via gogcli for Claude — search, upload, download, permissions

68
Active⭐ 1updated today

One email a week, 5 minutes to see what happened in the MCP ecosystem

New servers, breakout trends, abandonment alerts — tracked automatically, curated by hand, sent to your inbox.

One email a week · unsubscribe anytime · no data selling