OfficialDeveloper Tools

Magic

Name: Magic
Author: 21st-dev

by 21st-dev

Create modern React UI components instantly with Magic AI Agent. Integrates with top IDEs for fast, stunning design and

Installation

Paste the snippet below into your client's config.

Installation

Quick info

Category: Developer Tools
Transport: STDIO
License: MIT
GitHub stars: 4,811
Views: 1,981

Compatible with

Claude Desktop
Cursor
VS Code
Windsurf

GitHub repo Website

Found in: mcp.directory

Overview

Create stunning UI components instantly with Magic AI Agent using natural language commands. This powerful tool supports popular IDEs like Cursor, Windsurf, and VSCode, generating modern, customizable React components inspired by 21st.dev’s library. Enjoy real-time previews, full TypeScript support, and access to professional brand assets via SVGL. Magic AI Agent seamlessly integrates generated components into your project, respecting your code style, and handles designs from simple buttons to complex interactive forms. Stay up to date with new community-published components and enhance your UI development workflow effortlessly.

Related servers

Official

Beads

by steveyegge

Beads — a drop-in memory upgrade for your coding agent that boosts context, speed, and reliability with zero friction.

22,361Claude CodeClaude Desktopcodex

Official

eRegulations

by unctad-ai

eRegulations makes admin procedure data easy to access, helping users understand the Administrative Procedure Act seamle

28,138Claude CodeClaude Desktopcodex

Official

Grafana

by grafana

Safely connect cloud Grafana to AI agents with MCP: query, inspect, and manage Grafana resources using simple, focused o

2,924Claude CodeClaude Desktopcodex

n8n

by czlonkowski

n8n offers conversational workflow automation, enabling seamless software workflow creation and management without platf

18,830Claude CodeClaude Desktopcodex

Official

Azure DevOps

by microsoft

Boost your productivity by managing Azure DevOps projects, pipelines, and repos in VS Code. Streamline dev workflows wit

1,617Claude DesktopCursorVS Code

Claude Context

by zilliztech

Claude Context offers semantic code search and indexing with vector embeddings and AST-based code splitting. Natural lan

9,933Claude CodeClaude Desktopcodex