21st-dev/magic-mcp

It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

65
/ 100
Established

This tool helps developers quickly build user interface components by describing them in plain language. You tell an AI agent what kind of UI component you need (like a navigation bar), and it generates the code for that component directly within your integrated development environment (IDE). Front-end developers and UI/UX engineers who build web applications will find this useful for accelerating their workflow.

4,542 stars and 36,652 monthly downloads. Available on npm.

Use this if you are a developer who wants to generate ready-to-use UI components by describing them in natural language, directly within your IDE.

Not ideal if you are not a developer or if you need to design complex, custom UIs from scratch without AI assistance.

front-end development UI design web application development developer tools AI-assisted coding
No License
Maintenance 10 / 25
Adoption 20 / 25
Maturity 17 / 25
Community 18 / 25

How are scores calculated?

Stars

4,542

Forks

312

Language

TypeScript

License

Last pushed

Feb 17, 2026

Monthly downloads

36,652

Commits (30d)

0

Dependencies

6

Get this data via API

curl "https://pt-edge.onrender.com/api/v1/quality/mcp/21st-dev/magic-mcp"

Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.