switchboard
M

Magic MCP

Verified

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.

Access
MCP
Auth
API Key
Skills
3

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

assistant-ui

by assistant-ui

Verified

Provides a TypeScript and React component library for building AI chat and agent UIs — ChatGPT-style threads…

Code & DevTools
APIMCP
3 skills · No auth

Figma Context MCP

by Framelink (GLips)

Verified

MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot…

Code & DevToolsContent & Media
MCP
3 skills · API Key

Skybridge

by Skybridge

Verified

Builds interactive MCP Apps that render inside Claude and ChatGPT using a full-stack open-source React framework. Ships…

Code & DevTools
CLIMCP
3 skills · No auth

Context7

by Upstash

Verified

MCP server that injects current, version-specific library docs and code examples into your LLM context — eliminating…

Code & DevTools
MCP
5 skills · No auth
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
officialfalse
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