← Coding agents & IDE assistants

magic-mcp

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. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp

AgentPick Score 53/100#549 in Coding agents & IDE assistants★ 6k GitHub starsISCUpdated 9 Sept 2026TypeScript

Ranked by AgentPick Score, our data score from public GitHub activity. Description is the project's own.

Source: github.com/21st-dev/magic-mcp · Website

Topics: 21st, claude, cursor, mcp, model-context-protocol, react, tailwindcss, ui-components

Starter prompt

Using magic-mcp, in a throwaway branch: add a unit test for [function] covering [edge case]. Don't change production code. Show me the diff and the test output.
Your tool here? Reach developers comparing agent tools.Get featured →

More in Coding agents & IDE assistants

Open Interpreter →

A coding agent for open models like Kimi K3 and GLM 5.3

oh-my-pi →

⌥ Coding agent with the IDE wired in. Built by Stencil Labs.

Hermes Agent →

The agent that grows with you

Codewhale →

Open-source Rust agent engine and terminal client for Codewhale, with provider choice, tools, approvals and re…

Qwen Code →

An open-source AI coding agent that lives in your terminal.

DeepSeek-Reasonix →

A reliable coding agent for complex software engineering tasks.

AgentPick Weekly

The week's new agent tools with a verdict on each, every week. Free. We'll email you a link to confirm, and you can unsubscribe any time. See our Privacy Policy.