21st-dev/magic-mcp

Score: 48.1 Rank #302

It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

Overview

21st-dev/magic-mcp is a TypeScript MCP server. It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic

Ranked #302 out of 25632 indexed tools.

In the top 2% of all indexed tools.

Has 4,410 GitHub stars.

Used by 13 other projects.

Ecosystem

TypeScript No license

Signal Breakdown

Stars 4,410

Freshness 27d ago

Issue Health 32%

Contributors 7

Dependents 13

Forks 302

Description Good

License None

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

License low impact

Add an MIT or Apache-2.0 license to signal trust and enable adoption

Issue Health high impact

You have 21 open vs 10 closed issues — triaging stale issues improves health

Badge

Markdown

[![AgentRank](https://agentrank-ai.com/api/badge/tool/21st-dev--magic-mcp)](https://agentrank-ai.com/tool/21st-dev--magic-mcp)

HTML

<a href="https://agentrank-ai.com/tool/21st-dev--magic-mcp"><img src="https://agentrank-ai.com/api/badge/tool/21st-dev--magic-mcp" alt="AgentRank"></a>

Details

Stars: 4,410
Forks: 302
Open Issues: 21
Closed Issues: 10
Contributors: 7
Dependents: 13
Language: TypeScript
License: —
Last Commit: 27d ago

Matched Queries

"mcp server""mcp-server"

From the README

# 21st.dev Magic AI Agent

Magic Component Platform (MCP) is a powerful AI-driven tool that helps developers create beautiful, modern UI components instantly through natural language descriptions. It integrates seamlessly with popular IDEs and provides a streamlined workflow for UI development.

## 🌟 Features

- **AI-Powered UI Generation**: Create UI components by describing them in natural language
- **Multi-IDE Support**:
  - [Cursor](https://cursor.com) IDE integration
  - [Windsurf](https://windsurf.ai) support
  - [VSCode](https://code.visualstudio.com/) support
  - [VSCode + Cline](https://cline.bot) integration (Beta)
- **Modern Component Library**: Access to a vast collection of pre-built, customizable components inspired by [21st.dev](https://21st.dev)
- **Real-time Preview**: Instantly see your components as you create them
- **TypeScript Support**: Full TypeScript support for type-safe development
- **SVGL Integration**: Access to a vast collection of professional brand as

Read full README on GitHub →

View on GitHub →

Are you the maintainer? Claim this listing