How do I connect Magic MCP Server to Claude?

The listing records `npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Cursor, Windsurf, VS Code as compatible clients.

Is Magic MCP Server free?

The listed licence is ISC. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Magic MCP Server do?

Magic MCP Server documents 1 tool to the agent, including logo_search. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.

Magic MCP

Unclaimed

by 21st-dev

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

Install

$npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex

Set up this server

Compare servers My Stack

This server needs project-specific setup. Follow the project instructions; no reusable public launch command is available yet.

Project instructions

21stclaudecursormcpmodel-context-protocolreacttailwindcssui-components

Is this your MCP server?

This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.

Claim this server

Security profile

Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works

Documented tools (1)

From project documentation. A server handshake does not verify each tool’s description or behavior.

logo_search

searchlogo (one query per call)

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

No complete tool checks yet.

FAQ

Questions about Magic MCP Server

How do I connect Magic MCP Server to Claude?: The listing records `npx @21st-dev/cli@latest init --client cursor # or: claude | vscode | windsurf | codex` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Cursor, Windsurf, VS Code as compatible clients.
Is Magic MCP Server free?: The listed licence is ISC. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Magic MCP Server do?: Magic MCP Server documents 1 tool to the agent, including logo_search. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.