OfficialLocalFree

21st.dev Magic MCP server

21st-dev/magic-mcp

Create UI components inspired by 21st.dev design engineers.

6,324 GitHub stars509 forks

Install 21st.dev Magic in Claude Code

This server doesn't publish a package to a registry, so follow the install steps in its README. Once it runs, register it with Claude Code:

Claude Code
claude mcp add 21st-dev-magic -- <command to start the server>

Frequently asked questions

What does the 21st.dev Magic MCP server do?

Create UI components inspired by 21st.dev design engineers.

Is the 21st.dev Magic MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does 21st.dev Magic run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add 21st.dev Magic to Claude Code?

Follow the install steps in the project's README at https://github.com/21st-dev/magic-mcp, then register it with "claude mcp add".

More developer tools MCP servers

View all