# 21st MCP (Magic MCP)

> Search and publish React and Tailwind components from your AI editor through 21st.dev's MCP server.

## Facts
- **Category:** [MCP Servers](https://agentsearchengine.app/category/mcp-servers)
- **Type:** MCP server
- **Pricing:** Open source
- **GitHub stars:** 5,919
- **Language:** TypeScript
- **License:** ISC
- **Last repo activity:** 13 days ago (Sep 9, 2026)
- **Official site:** https://21st.dev/mcp
- **Source code:** https://github.com/21st-dev/magic-mcp
- **Listing on Agent Search Engine:** https://agentsearchengine.app/agents/21st-magic-mcp
- **Data verified:** September 2026

## Best for
Front-end work in an AI editor where you want existing React and Tailwind components pulled in rather than written from scratch.

## Avoid if
You need it without an account: the server requires a 21st.dev API key, and generation tools appear only when AI access is enabled.

## About 21st MCP (Magic MCP)
21st.dev's MCP server, formerly Magic MCP, lets coding agents in Cursor, Claude Code, Windsurf and other clients search a library of more than 10,000 React and Tailwind components and publish their own; generation tools appear when AI access is enabled on the account. It is a hosted HTTP server authenticated with a 21st.dev API key. The open-source @21st-dev/magic package is now a thin proxy that keeps older configurations working.

## Install

```
npx @21st-dev/cli@latest init --client cursor
```

## Alternatives
21st MCP (Magic MCP) sits in mcp servers. Related tools indexed here:
- [MCP Reference Servers](https://agentsearchengine.app/agents/mcp-reference-servers) — The MCP steering group's reference servers: Everything, Fetch, Filesystem, Git, Memory, Sequential Thinking and Time. · Open source · MCP server · 91k★ · TypeScript · MIT AND Apache-2.0 · active today
- [context7](https://agentsearchengine.app/agents/context7) — Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors · Open source · MCP server · 62k★ · TypeScript · MIT · active today
- [chrome-devtools-mcp](https://agentsearchengine.app/agents/chrome-devtools-mcp) — Chrome DevTools for coding agents · Open source · MCP server · 53k★ · TypeScript · Apache-2.0 · active today
- [Playwright MCP](https://agentsearchengine.app/agents/playwright-mcp) — Expose Playwright browser tools to MCP clients using accessibility snapshots. · Open source · MCP server · 37k★ · TypeScript · Apache-2.0 · active 4 days ago
- [github-mcp-server](https://agentsearchengine.app/agents/github-mcp-server) — GitHub's official MCP Server · Open source · MCP server · 33k★ · Go · MIT · active today
- [serena](https://agentsearchengine.app/agents/serena) — A powerful MCP toolkit for coding, providing semantic retrieval and editing capabilities - the IDE for your agent · Open source · SDK / library · 30k★ · Python · MIT · active today
- [MCP for Blender (blender-mcp)](https://agentsearchengine.app/agents/blender-mcp) — Connect Blender to Claude or any LLM client for prompt-driven 3D modelling and scene editing. · Open source · MCP server · 29k★ · Python · MIT · active 2 days ago
- [fastmcp](https://agentsearchengine.app/agents/fastmcp) — The fast, Pythonic way to build MCP servers and clients. · Open source · SDK / library · 28k★ · Python · Apache-2.0 · active today

---
Source: [Agent Search Engine](https://agentsearchengine.app) — an independent, hand-curated index of AI agents, MCP servers, and frameworks. Rankings are never sold; sponsored placements are labeled and never numbered. Full directory: https://agentsearchengine.app/llms-full.txt