Magic MCP
About This Server
The Magic MCP server by 21st-dev. Lets AI agents search 10,000+ React/Tailwind components while coding, generating production-ready UI code directly. It's like having v0 built into your IDE.
Installation
npx -y @21st-dev/magic-mcpFrequently Asked Questions
What can Magic MCP do?
While coding, AI agents can search 10,000+ high-quality React/Tailwind component libraries, finding the right UI component for your current need and generating the code directly. Includes buttons, forms, navigation, cards, modals and common UI patterns — reducing time spent writing styles from scratch.
Does Magic MCP need an API key?
Yes. Register at 21st.dev to get an API key, and pass it with --api-key. Magic MCP offers a free tier for development and testing, with usage-based billing beyond that.
How is Magic MCP different from v0?
v0 is a web-based tool requiring copy-paste. Magic MCP embeds directly into your IDE — AI agents automatically search and generate component code during coding without leaving your editor. The component library is also curated for real-world project use.