MyMCPTools
💻

21st.dev Magic

Updated June 2026

The 21st.dev Magic MCP server, built by 21st.dev, provides create crafted UI components inspired by the best 21st.dev design engineers. It is community-built and best for Coding & Dev.

by 21st.dev

About

Create crafted UI components inspired by the best 21st.dev design engineers.

Categories

💻Coding & Dev📋Productivity

Works With

🟣Claude Desktop⚡Cursor💙VS Code

Frequently Asked Questions

What is 21st.dev Magic?
21st.dev Magic is an MCP server built by 21st.dev. Create crafted UI components inspired by the best 21st.dev design engineers.
Who built 21st.dev Magic?
21st.dev Magic was built by 21st.dev.
Is 21st.dev Magic free?
Yes, 21st.dev Magic has a free option. The MCP server is free. 21st.dev offers a free tier for UI components. Pro plans available for advanced features. See official site for current pricing.
How do I install 21st.dev Magic?
Install 21st.dev Magic from its GitHub repository: https://github.com/21st-dev/magic-mcp
What does 21st.dev Magic integrate with?
21st.dev Magic integrates with Claude Desktop, Cursor, VS Code.

Related Guides

Best MCP Servers for React Developers in 2026

7 min read • Guides

View on GitHubVisit Website

Repo Health

Local install

Local/stdio install — runs on your machine, so there is no remote endpoint to verify live. Trust signal below is from the source repo.

Repo recency not yet available for this server.

Quick Info

Install Type
npm
Author
21st.dev
Categories
2
Integrations
3

Related Servers

💻

Everything

Reference/test server with prompts, resources, and tools. Perfect for testing MCP implementations.

Local✓
💻

Git

Tools to read, search, and manipulate Git repositories. Full Git operations support.

Local✓
🤖

Sequential Thinking

Dynamic and reflective problem-solving through thought sequences.

Local✓
📋

Time

Time and timezone conversion capabilities for AI assistants.

Local✓
💻

GitHub MCP Server

The GitHub MCP server is GitHub's official Model Context Protocol integration, giving AI assistants like Claude and Cursor direct, authenticated access to the GitHub platform and its full developer surface. With this MCP server, you can ask your AI to read and write repository files, create and merge branches, open and review pull requests, comment on and close issues, trigger GitHub Actions workflows, search across code repositories with GitHub's code search, and inspect commit history — all through natural-language prompts in your AI interface. Developers use it to supercharge code review workflows, automate issue triage, generate PR descriptions from diffs, bulk-update repository settings, and wire AI agents into CI/CD pipelines. The GitHub MCP server connects via a GITHUB_PERSONAL_ACCESS_TOKEN environment variable with scopes for the operations you need, keeping authentication clean and auditable. Install with Docker: `docker run -e GITHUB_PERSONAL_ACCESS_TOKEN=<token> ghcr.io/github/github-mcp-server` — or configure it as a remote MCP server in Claude Desktop, Cursor, VS Code, Windsurf, and Cline. With over 8,000 GitHub stars, it is the most widely deployed official code-platform MCP server and the reference implementation for AI-native GitHub automation.

Auth required✓

Sponsored

Better Stack

Free Plan

Get alerted when your APIs, browser tests, payment pipelines, or MCP server dependencies go down. Used by 100K+ developers.

Start monitoring free →