21st.dev Magic MCP

Generate React UI components from a description

★ Stars6.1k6,111 on GitHub

Last commit1 month ago9 Sept 2026

LicenceISCSPDX, from the repository

View on GitHub ↗

From GitHub, fetched 19 Oct 2026.

Visit github.com ↗

21st.dev's server generates modern UI components from its component library inside your editor. Needs a 21st.dev API key; there's a free tier.

At a glance

Runs as	Local
Type	MCP server
Maintained by	Official
Install	`npx -y @21st-dev/magic@latest`

Sources: github.com/21st-dev/magic-mcp, checked 19 Oct 2026. “Runs as” is from this listing. Blank means we haven't found it in official docs yet, not that it's unsupported.

In collections

Details

Status	Open source
Licence	ISC
Platforms	Local
Category	Design
Website	github.com
Source	GitHub

Is this your tool?

Make 21st.dev Magic MCP the Top Pick on the Design page: the first card people see there, labelled as sponsored. £39/month.

Book a Top Pick spot

Related tools

Blender MCP

Design

Control Blender 3D scenes from an AI assistant

Stars: ★ 31.6k
Licence: MIT
Updated: yesterday

MCP server
Community

Framelink Figma MCP

Design

Give coding agents Figma layout data to build from

Stars: ★ 16k
Licence: MIT
Updated: 3 months ago

MCP server
Community

Webflow MCP Server

Design

Edit Webflow sites, CMS collections and pages

Stars: ★ 141
Licence: MIT
Updated: 6 months ago

MCP server
Official

Figma MCP server

Design

Figma's own server for design context in code editors

Licence: Proprietary
Status: Freemium

MCP server
Official