Magic (21st.dev)

Generate modern React UI components from natural language inside your editor.

#38 by GitHub starsFrontendstdio transportAPI keyFreemiumChecked 2026-11-01

What it connects

Produces contemporary UI components from a description, using the 21st.dev component ecosystem. Aimed at frontend iteration inside coding agents.

Capabilities

Generate React components from prompts
Browse 21st.dev community components

Compatibility

Compatibility by agent
Agent	Status
Claude Code	Reported (not hands-on tested)

Clients listed by publisher: Claude Code, Cursor, Cline

Configuration

See the source repository for the current client configuration.

Requirements

21st.dev API key
See repository for current client configuration

Source: https://github.com/21st-dev/magic-mcp · Publisher: 21st.dev · ★ 6.3k on the source repo

Setup instructions and compatibility are compiled from publisher docs and community reports, not hands-on testing, unless a step is marked Tested. Check the source before relying on a setup.