Back to Browse
Free
Like v0 but in your IDE — generate beautiful UI components from prompts
About
Magic MCP by 21st.dev brings AI-powered UI generation directly into your code editor. Describe a component and get production-ready React code with Tailwind CSS styling — without leaving Cursor, WindSurf, or Cline.
Think of it as v0 embedded in your development workflow. Generates accessible, well-structured components that follow modern React patterns. Great for rapid prototyping, building design systems, and turning mockups into code.
How to Install
Add this to your MCP configuration file:
{
"mcpServers": {
"magic": {
"env": {
"TWENTY_FIRST_API_KEY": "<your-key>"
},
"args": [
"-y",
"@21st-dev/magic-mcp"
],
"command": "npx"
}
}
}Security Report
7.0
Moderate7.0Moderate RiskVerified popular UI generation MCP server.
Scanned 0 files · 0 findings
Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.
Reviews
No reviews yet
Be the first to review this server!