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
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…