21st.dev Magic MCP
76/100
Frontend generation MCP server for creating UI components and app interfaces from prompts inside AI IDEs and coding agents.
Reviewed on vmain@2026-05-01 - latest is v1.15.1. Scores may not reflect the current version.
Review Scores
Security24/35
Maintain.28/35
Usability24/30
Evidence:
medium
Reviewed May 1, 2026Newer version available
Reviewed Version
main@2026-05-01
Latest Version
1.15.1(drift)
Newer version available
The review covers main@2026-05-01; the latest version is 1.15.1. Recheck changes before installing.
Scores reflect the version reviewed and may change with updates.
Security Audit - 2 Findings
Audited May 1, 2026
api-key-required
code-generation
Live verification
⚠ NEEDS CONFIG @1.15.1Jul 31, 2026The server starts but requires user-specific configuration.
Prepare the required credentials before installing — the server starts but cannot run without them.
Overview
When to Use
When NOT to Use
Configuration
Add to your Claude Desktop config:
npx @21st-dev/cli@latest install <client> --api-key <key>Troubleshooting
Used in Recipes
- Frontend AI Design Studio(Generates frontend components through MCP)