Magic MCP (21st MCP)

Design and front-end teams that want an assistant to produce interface components inside their editor.

Use it now Want it running at your company?

Recommendedour rating
5,989gitHub stars
ISClicence
31 days agolast update

Use it now

claude mcp add --transport http 21st https://21st.dev/api/mcp

Install in Cursor Install in VS Code Open the original ↗

Third party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.

README.md

Loading the file...

What it does

Creates UI components from a request in your AI assistant. Magic MCP has been replaced by the 21st MCP, and this package remains as a small proxy so older setups keep working. You need an API key from 21st.dev.

Use cases

01Generate a UI component from a short description
02Add a ready-made component to a front-end project
03Keep an older Magic MCP configuration working

Questions about
Magic MCP (21st MCP).

What is Magic MCP (21st MCP) used for?

Design and front-end teams that want an assistant to produce interface components inside their editor. Creates UI components from a request in your AI assistant. Magic MCP has been replaced by the 21st MCP, and this package remains as a small proxy so older setups keep working. You need an API key from 21st.dev.

How do I install Magic MCP (21st MCP)?

Run this in your terminal: claude mcp add --transport http 21st https://21st.dev/api/mcp

Is Magic MCP (21st MCP) open source?

Yes. The code is on GitHub (21st-dev/magic-mcp) under the ISC licence.

Is Magic MCP (21st MCP) safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.

Related resources

Read the guide: AI marketing content systems ↗