MCP SERVER

21st.dev Magic

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor.

Developer toolsmcpdeveloper tools

Visit project

About 21st.dev Magic

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Details were read from the publisher’s repository; nothing was installed or executed.

How to connect

How do I run 21st.dev Magic?

Install and run it from its source repository, github.com/21st-dev/magic-mcp. The README there covers the install command and any credentials it needs.

Project website Documentation Source repository

Sources and checks

View the source

Source information collected September 9, 2026.

Badge and embed

Show this listing on your website or README. The badge and the card link back to this page.

Markdown badge

[![Listed on RUAGENTIC](https://ruagentic.com/badge/21st-dev-magic.svg)](https://ruagentic.com/tools/21st-dev-magic)

HTML badge

<a href="https://ruagentic.com/tools/21st-dev-magic"><img src="https://ruagentic.com/badge/21st-dev-magic.svg" alt="Listed on RUAGENTIC" height="28"></a>

Markdown card

[![21st.dev Magic on RUAGENTIC](https://ruagentic.com/embed/21st-dev-magic.svg)](https://ruagentic.com/tools/21st-dev-magic)

HTML embed

<iframe src="https://ruagentic.com/embed/21st-dev-magic" width="480" height="150" style="border:0;max-width:100%" loading="lazy" title="21st.dev Magic on RUAGENTIC"></iframe>