TL;DR
21st.dev Magic is a Design MCP server that lets Claude Code, Cursor, Windsurf and any MCP-compatible AI agent create crafted UI components inspired by the best design engineers. Install in 1 minute with mcpizy install 21st-dev.
21st.dev Magic
Install verifiedDesign
Create crafted UI components inspired by the best design engineers. AI-powered component generation.
Repo audit: 75/100 — usable, but maintenance or documentation is thin
Scored on licence, adoption, maintenance and documentation of 21st-dev/magic-mcp. We show the grade whether it flatters the server or not.
last commit 23 days ago · 5,720 stars · no licence declared · 1 open issues
Read the full audit on CheckMCPInstall 21st.dev Magic
mcpizy install 21st-devnpx -y @21st-dev/magicWorks with
More Design MCPs
ECharts
Generate beautiful interactive charts using Apache ECharts. Bar, line, pie, scatter, and more.
Chart (AntV)
Generate visual charts using AntV visualization library. Data-driven chart creation.
SlideSpeak
Create presentations and PowerPoints using AI. Generate professional slides from text prompts.
FlyonUI
Build modern production-ready UI blocks and components. Tailwind-based design system.
Alternatives to 21st.dev Magic
If 21st.dev Magic doesn't fit your stack, these Design MCP servers solve similar problems.
Frequently asked questions
What is the 21st.dev Magic MCP server?
21st.dev Magic is listed as an Design Model Context Protocol server whose documented purpose is to let an MCP-compatible agent create crafted UI components inspired by the best design engineers. Client support, permissions and authentication remain specific to the upstream project.
How do I install 21st.dev Magic MCP with Claude Code?
The fastest way is the MCPizy CLI: run `mcpizy install 21st-dev` and MCPizy will add the server to your `.claude.json` automatically. You can also install it manually by adding an entry under `mcpServers` in `.claude.json` with the command `npx -y @21st-dev/magic` and restarting Claude Code.
Does MCPizy charge to view or install 21st.dev Magic MCP?
No. Reading this profile and copying its install guidance is free. Upstream software, API, account or usage costs are separate, and licence coverage should be checked from the linked source when available.
Does 21st.dev Magic MCP work with Cursor and Windsurf?
The MCP standard is supported by those clients, but a specific server can still have client-specific setup or transport limits. Use the configuration shown on this page when present and verify the upstream instructions before installation.
What can I do with 21st.dev Magic MCP?
Its documented purpose is to let an MCP-compatible agent create crafted UI components inspired by the best design engineers. The exact tools, permissions and write capabilities depend on the server version and configuration shown by the upstream project.
Compare before you commit
Put this server beside an alternative, or return to the full evidence directory.
Compare MCP serversBack to directory