What is magic-mcp?
magic-mcp is a MCP server by 21st-dev that create UI components inspired by 21st.dev design engineers. It is listed under Developer tools and has 6,083 GitHub stars.
| Type | Mcp server |
|---|---|
| Author | 21st-dev |
| Repository | 21st-dev/magic-mcp |
| Popularity | 6,083 GitHub stars |
| Category | Developer tools |
| Security | Low risk (80/100) |
| Rank | #84 of 4,418 MCP servers; #51 in Developer tools |
| License | ISC |
| Last commit | 2026-09-09 |
| Stars this week | +90 |
| Runs | Not stated |
Is magic-mcp safe to install?
magic-mcp scores 80/100 on the MCPMods security check: Low risk. Things to review: can take actions such as send, write or deploy. It passed 3 of 6 checks.
MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.
| Check | Result |
|---|---|
| Community-built server | Note |
| Where data goes is not stated | Note |
| No credentials mentioned | Pass |
| Can take actions such as send, write or deploy | Review |
| No code execution | Pass |
| Source on GitHub | Pass |
How do I install magic-mcp?
- Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
https://github.com/21st-dev/magic-mcp
- Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
claude mcp add magic-mcp -- <command from README> claude mcp add --transport http magic-mcp <server-url>
- Check it connected. This lists your MCP servers and their status.
claude mcp list
Or ask Claude to set it up
Paste this into Claude Code and it installs magic-mcp for you:
Add the "magic-mcp" MCP server from https://github.com/21st-dev/magic-mcp to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.