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
- stars
- 5,879
- 30-day movement
- +279/day
- Related entries
- 62
- Connections
- 4
magic-mcp is an MCP server from 21st.dev that lets AI coding editors like Cursor, Claude Code, and Windsurf search a library of 10,000+ React/Tailwind components and generate new UI with AI. The project notes it has been renamed to the 21st MCP, and this package exists to keep old configurations working.
You want component search and AI UI generation available directly inside your MCP-compatible editor without leaving your workflow.
Use it to
- Search 21st.dev's React/Tailwind component library from your editor
- Generate new UI components with AI via MCP
- Publish your own components to the library
- Maintain existing magic-mcp configs after the rename to 21st MCP
For Developers building React/Tailwind UIs in MCP-capable editors
- Role
- mcp-server
- Language
- TypeScript
- Licence
- ISC
- Forks
- 457
- Open issues
- 3
- Last push
- 2026-09-09
- Skills shipped
- 1