Magic MCP

Magic MCP is an MCP server that enables AI coding agents to search, install, and generate React and Tailwind components directly within an editor environment.

Magic MCP, now known as 21st MCP, functions as a Model Context Protocol server that integrates with editors like Cursor, Claude Code, and Windsurf. The software allows AI agents to access a catalog of over 12,000 React and Tailwind components for installation during development. Users can draft UI variants from prompts, preview designs, and generate code that matches existing project conventions. The platform also includes auditing tools to check for accessibility and responsive design issues, providing fixes for identified problems. Developers can publish their own project themes and components to the library for team use. Authentication occurs via browser login or API keys for CI environments.

Magic MCP at a glance

Best for: Software engineer, Designer
Runs on: CLI
Pricing: Search, publishing, and managing are free; installs capped at two per day; 21st AI uses credits; five free reviews during the first week on paid plans.
Released: February 2025
Category: AI coding tool
Website: 21st.dev

Key features

Search over 12,000 React components
Install components directly into the codebase
Generate UI variants from natural language prompts
Audit UI for accessibility and responsive behavior
Publish custom themes and UI components
Manage visibility and tags for published assets
Integrate with CI pipelines via API keys

Use it for

Drafting UI screen variants from prompts
Installing components with their dependencies
Auditing existing pages for design and accessibility issues
Sharing project themes across team members

Alternatives to Magic MCP

Unity MCP — Control the Unity Editor using natural language from any MCP client.
Codebase Memory MCP — High-speed indexing and persistent knowledge graphs for AI coding agents.
Blender AI MCP Addon — It provides 21 built-in scene tools and a visual studio workspace for AI agents.
BrowserTools MCP — Embeds AI code editors and agents directly into web browsers via MCP.
Coding Tools MCP — Turns any chat app into a coding agent with strict workspace safety boundaries.
JS Reverse MCP — It organizes scripts, breakpoints, and network data for continuous AI agent reasoning.
Apple Docs 2.0 MCP — Read Apple documentation, design guidelines, and WWDC sessions directly in your AI assistant.
Mobile MCP — Connects AI agents directly to real mobile devices for automated testing and tasks.
ContextMCP — Maintains fresh, accurate context for AI agents using AST-aware chunking.
Chrome DevTools MCP — Enables coding agents to interact directly with a real browser instance.
Cortex Docs — Unifies API documentation, typed SDKs, and agent-ready MCP tools.
Spec Workflow MCP — It brings sequential spec creation and real-time tracking to your AI workflow.

All Magic MCP alternatives