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.
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.
Questions and answers
What is 21st.dev Magic?
21st.dev Magic is an MCP server in the Developer tools category. 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.
How do I connect to 21st.dev Magic?
Install and run it from its source repository, https://github.com/21st-dev/magic-mcp. The README there covers the install command and any credentials it needs.
Where is 21st.dev Magic published?
Its homepage is https://21st.dev/mcp and its source repository is https://github.com/21st-dev/magic-mcp. RUAGENTIC read these details from Publisher repository on September 9, 2026 and did not install or run the project.
Sources and checks
View the sourceSource 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.
[](https://ruagentic.com/tools/21st-dev-magic)<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>[](https://ruagentic.com/tools/21st-dev-magic)<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>