← Back to list

magic-mcp

MCP ServerClaude Code UI Enhancements Low risk

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

它就像v0,但在你的Cursor / Claude Code / Windsurf中:搜索10,000多个React/Tailwind组件,用AI生成新UI,并发布你自己的——直接从编辑器内完成。Magic MCP现在是第21个MCP;此包保持旧配置正常工作。设置:21st.dev/mcp

How to install

MCP Server npx -y @21st-dev/magic
Claude Code git clone https://github.com/21st-dev/magic-mcp ~/.claude/skills/magic-mcp

About

Magic MCP → 21st MCP **Magic MCP is now the 21st MCP.** The Magic MCP server (@21st-dev/magic) has been replaced by the unified **21st MCP**, installed via the **21st CLI** — setup at 21st.dev/mcp. This package remains published as a thin compatibility proxy so old configs keep working. Install the 21st MCP (recommended) bash npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex Or add it manually — it is a plain HTTP MCP server: json { "mcpServers": { "21st": { "url": "https://21st.dev/api/mcp", "headers": { "x-api-key": "YOUR_21ST_API_KEY" } } } } Get an API …

Recommendation signals

69 Tool quality · Based on stars, downloads, maintenance, security and docs
– User interest · Adjusted by in-site views, install copies and download clicks
69 Overall
0views
0unique visitors
0install copies
0download clicks
0outbound clicks

Meta

License
ISC
Language
TypeScript
GitHub stars
5.9K
mo. downloads
109.3K
Last push
2026-09-09
Created
2025-02-19

Links

Basic safety check

Findings
None
Sources
curated:punkpeye/awesome-mcp-servers
Topics
21st, claude, cursor, mcp, model-context-protocol, react, tailwindcss, ui-components

Related plugins

MCP Server
Score83

radar

skyhook-io/radar

The missing open-source Kubernetes UI with a built-in MCP server for AI agents. See what's broken, why, and what changed. Issues, Topology, event timeline, Helm, GitOps, live service traffic, and cluster audits - all in one Go binary.

☆ 3.5K ↓ 1.9K UI Enhancements ↗
MCP Server
Score79

inbox-zero

elie222/inbox-zero

The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.

☆ 12.3K ↓ 17 UI Enhancements ↗
MCP Server
Score78

UI-TARS-desktop

bytedance/UI-TARS-desktop

The Open-Source Multimodal AI Agent Stack: Connecting Cutting-Edge AI Models and Agent Infra

☆ 39.1K ↓ 463 UI Enhancements ↗
DeepSeek Harness
Score77

dsh-desktop

anywhere-labs/deepseek-harness-desktop

为 DeepSeek Harness (DSH) 插件生态打造的现代化桌面端解决方案。万物皆「插件」,桌面本身也是「插件」。

☆ 28.9K ↓ 1.4K UI Enhancements ↗