ClaudeMap

21st MCP (formerly Magic MCP)

Search and generate production-ready React + Tailwind UI components from inside Claude Code.

MCP Serversuicomponentsfrontendreactmcp

The UI-component MCP from 21st.dev, renamed from Magic MCP to the unified 21st MCP: gives Claude search over a large component library and generation of modern React + Tailwind UI matched to your stack. Note the old @21st-dev/magic package is now a compatibility proxy — new installs go through the 21st CLI.

What it does

  • Search a large curated library of React + Tailwind components from the agent
  • Generate new UI matched to your framework and styling conventions
  • Unified 21st CLI installer covers Claude Code, Cursor, VS Code, Windsurf, Codex
  • Old Magic MCP package kept as a thin proxy so existing configs keep working

When to use it

Best for frontend work where you want the agent to start from real, production-grade components instead of inventing markup from scratch — dashboards, marketing pages, internal tools.

Getting started

npx @21st-dev/cli@latest init --client claude

# other clients: cursor | vscode | windsurf | codex

Things to know

The rename (Magic → 21st) means most older tutorials point at the proxy package — follow 21st.dev/mcp for current setup. Generated UI still needs a design review before it ships.

Repository

21st-dev/magic-mcp

Charted

Related on the map

  • Blitz Strike

    MCP Server

    A penetration-testing methodology delivered as one MCP server: BLITZ maps the attack surface, EAGLE-EYE traces source-to-sink, STRIKE live-verifies every finding before it is reported.

    • mcp-server
    • security
    • pentest
    • methodology
  • Ripwire

    MCP Server

    Red Hat's "ripgrep for AI context" — a C++23 zero-dependency CLI that also speaks MCP.

    • mcp
    • code-context
    • cli
    • red-hat
  • Deja Vu

    MCP Server

    One shared session memory for 25+ coding agents — Claude Code, Codex, and Cursor finally remember the same project.

    • mcp
    • memory
    • cross-agent
    • context