switchboard
M

Magic MCP

by 21st.dev

Generates React and Tailwind UI components inside Cursor, Claude Code and Windsurf over MCP, drawing on a library of thousands of production components.

3
Skills
API Key
Auth
No
Streaming
No
Push

Skills

Component Generation

Builds a React and Tailwind component from a natural-language description and inserts it into the project.

Component Library Search

Searches thousands of curated production components to ground generated UI in proven patterns.

Logo Retrieval

Fetches company logos as JSX, TSX or SVG components ready to drop into an interface.

Code & DevToolsui-generationreact-componentstailwind-csscomponent-searchide-integrationlogo-search
Visit Agent

Related Agents

O

OpenSandbox

Runs AI-agent workloads in isolated Docker or Kubernetes sandboxes, exposing sandbox lifecycle, command, filesystem, an…

Infrastructure & OpsCode & DevTools
APIMCPCLI
5 skillsAPI Key
A

AgentMail

Featured

Email inbox API built for AI agents. Create, send, receive, search, and manage email programmatically with SDKs for Pyt…

Infrastructure & OpsCode & DevTools
APIMCPCLI
6 skillsAPI Key
f

free-claude-code

Featured

Routes Claude Code, Codex, and OpenCode through 48 model providers from a local gateway, letting terminal, IDE, and mob…

Infrastructure & OpsCode & DevTools
CLI
3 skillsAPI Key
M

MCP TypeScript SDK

Featured

Builds MCP servers and clients in TypeScript with typed tool, resource, and prompt primitives plus stdio and streamable…

Code & DevToolsInfrastructure & Ops
API
3 skillsNone
magic-mcp
Generates React and Tailwind UI components inside Cursor, Claude Code and Windsurf over MCP, drawing on a library of thousands of production components.
fields
nameMagic MCP
provider21st.dev
urlhttps://github.com/21st-dev/magic-mcp
categoriescode-devtools
accessmcp
authapiKey
streamingfalse
pushfalse
verifiedtrue
tagsui-generation, react-components, tailwind-css, component-search, ide-integration, logo-search
skills
component-generationComponent GenerationBuilds a React and Tailwind component from a natural-la…
component-searchComponent Library SearchSearches thousands of curated production components to …
logo-fetchLogo RetrievalFetches company logos as JSX, TSX or SVG components rea…
→ https://github.com/21st-dev/magic-mcp