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
它就像v0,但在你的Cursor / Claude Code / Windsurf中:搜索10,000多个React/Tailwind组件,用AI生成新UI,并发布你自己的——直接从编辑器内完成。Magic MCP现在是第21个MCP;此包保持旧配置正常工作。设置:21st.dev/mcp
How to install
npx -y @21st-dev/magic 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
Meta
- License
- ISC
- Language
- TypeScript
- GitHub stars
- 5.9K
- mo. downloads
- 109.3K
- Last push
- 2026-09-09
- Created
- 2025-02-19
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
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.
inbox-zero
elie222/inbox-zero
The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.
UI-TARS-desktop
bytedance/UI-TARS-desktop
The Open-Source Multimodal AI Agent Stack: Connecting Cutting-Edge AI Models and Agent Infra
dsh-desktop
anywhere-labs/deepseek-harness-desktop
为 DeepSeek Harness (DSH) 插件生态打造的现代化桌面端解决方案。万物皆「插件」,桌面本身也是「插件」。