magic-mcp and mcp
About magic-mcp
21st-dev/magic-mcp
It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic
Generates React components from natural language prompts via an MCP server that integrates with Cursor, Windsurf, VSCode+Cline, and Claude, pulling from 21st.dev's pre-built component library and SVGL brand assets. Components are automatically injected into your project with full TypeScript support and remain fully customizable. Configured through IDE-specific MCP config files with API key authentication, supporting both CLI and manual setup methods.
About mcp
magicuidesign/mcp
Official Magic UI MCP server.
Exposes Magic UI's component registry through three core tools—`listRegistryItems`, `searchRegistryItems`, and `getRegistryItem`—enabling AI assistants to discover and retrieve installation instructions for UI components on demand. Integrates with Cursor, Windsurf, Claude, Cline, and Roo-Cline via standard MCP protocol, callable through natural language prompts like "Make a marquee of logos." Queries the live Magic UI registry dynamically rather than relying on static category definitions, allowing flexible semantic discovery of animations, effects, and layout components.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work