Agent Switchboard
M

Magic MCP

by 21st.dev

Verified

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

API · MCP

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

Verifiedby assistant-ui · Code & DevTools · 3 skills · No auth

Figma Context MCP

MCP

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

Verifiedby Framelink (GLips) · Code & DevTools, Content & Media · 3 skills · API Key

Skybridge

CLI · MCP

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

Verifiedby Skybridge · Code & DevTools · 3 skills · No auth

Context7

MCP

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

Verifiedby Upstash · Code & DevTools · 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