21st.dev Magic MCP

76/100
MCP Server
by 21st.dev@21st-dev
ISC (npm package)

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/35Maintain.28/35Usability24/30
Security24/35
Maintain.28/35
Usability24/30
Evidence:
medium
Reviewed May 1, 2026
Newer 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, 2026

The 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