21st-dev/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

What it solves

It provides a bridge for AI agents to access a library of UI components, themes, and templates. It allows agents to search for existing components, generate new UI, and manage libraries, effectively turning an AI assistant into a a UI development tool.

How it works

The project operates as a Model Context Protocol (MCP) server. It can be used as a standalone HTTP server or via a stdio proxy. It connects AI clients (like Cursor, Claude, or VS Code) to the 21st.dev platform, allowing the agent to call specific tools for UI generation and retrieval.

Who it’s for

Developers using AI-powered IDEs or agents that support the Model Context Protocol (MCP) and want to automate the discovery and generation of UI components.

Highlights

  • UI Generation: Ability to generate new UI components with variants.
  • Component Discovery: Catalog search across components, themes, and templates.
  • Extensive Toolset: Includes tools for logo search, paid code retrieval, and team library management.
  • Broad Compatibility: Supports multiple AI clients including Cursor, Claude, VS Code, and Windsurf.

Related

  • Project
    dbt-labs/dbt-mcp

    An MCP server that provides AI agents with tools to interact with dbt Core, Fusion, and Platform, enabling them to query data, manage lineage, and execute dbt workflows.

  • Project
    exa-labs/exa-mcp-server

    An MCP server that connects AI agents to Exa for web search, content fetching, and multi-step research.

  • Project
    IBM/mcp

    A collection of Model Context Protocol (MCP) servers and tools that enable AI agents to securely interact with IBM products and enterprise resources.

  • Project
    microsoft/azure-devops-mcp

    An MCP server that gives AI agents structured access to Azure DevOps for managing work items, repositories, and pipelines.

  • Project
    neuledge/context

    An MCP server that provides AI agents with instant, local, and up-to-date documentation for 100+ popular libraries to prevent hallucinations caused by outdated training data.