21st-dev/Magic-MCP

by Various

It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

Overview

An MCP server that brings AI-assisted frontend development into editors like Cursor, Windsurf, and Cline. It generates and modifies frontend code based on natural language prompts, similar to v0 but integrated directly into the coding environment. Built with TypeScript, it leverages the Model Context Protocol to connect AI models with the editor.

Best for

Developers using AI-assisted editors who want to accelerate frontend prototyping and iteration.

Use cases

  • Generate UI components from natural language descriptions.
  • Modify existing frontend code with inline AI suggestions.
  • Prototype layouts and pages without leaving the editor.

Notes

4,966 stars on GitHub. Last updated 2026-02-17.

Pros

  • Integrates seamlessly with popular AI-powered editors.
  • Open-source with strong community adoption (nearly 5k stars).
  • TypeScript codebase makes it easy to extend or customize.

Cons

  • Requires an editor that supports the Model Context Protocol.
  • Depends on external AI models for code generation.
  • Limited to frontend tasks; not a general-purpose coding assistant.

Pairs with

Other entries in the index that connect to this one. Click through to see the chain.

Works in

  • Cursor \nAnysphere. The AI-first code editor. Tab to autocomplete, Composer to multi-file refactor, Agents for the long-running stuff.
  • Cline \nOpen-source autonomous coding agent that lives inside VS Code. BYO model key, watch it work.

Alternative to

  • Bolt.new \nStackBlitz. Full-stack app generation in the browser. Prompt, edit, run, and deploy without ever spinning up a local dev environment.

Pairs with

  • GLips/Figma-Context-MCP \nMCP server to provide Figma layout information to AI coding agents like Cursor.
  • sarveshsea/m-moire \nShadcn-native Design CI for Tailwind apps: export registries that work with shadcn, v0, AI editors, and npm.

Alternatives

  • musepy/genable \nQuality-first AI UI generator for Figma. Multi-protocol: Gemini · Claude · OpenAI-compatible.