LibreAI / Dev Tools / magic-mcp
// devtools · 21st-dev/magic-mcp

magic-mcp

It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right fr…

★ 6.0k stars⑂ 469 forksISCupdated 2026-09
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

magic-mcp is an open-source dev tools project by 21st-dev (21st-dev/magic-mcp on GitHub). It has 5,963 GitHub stars and 469 forks, is released under the ISC license, and was last updated on GitHub on 9 September 2026.

GitHub stars
5,963
Forks
469
License
ISC
Last updated on GitHub
9 September 2026
Category
Dev Tools
Listing
Full install guide
Official site
Official site
// how it works

How it works

  1. Install it

    Package managers, install scripts, or app stores on every OS.

  2. Configure lightly

    Sane defaults work; dotfiles make it yours.

  3. Learn the keys

    A weekend of muscle memory pays off for years.

  4. Extend it

    Plugins and themes from huge community ecosystems.

// features

Why people love it

Modern web UI

A polished React interface makes the power approachable without touching code.

Model flexibility

Swap between frontier APIs and local models per task.

Terminal & IDE

Lives where you work: VS Code, JetBrains, Neovim, or plain terminal.

AI pair programming

Agentic coding assistants that plan, edit, and run commands.

Deeply customizable

Themes, plugins, and config for any workflow.

Blazing fast

Native code and smart design keep everything instant.

Advertisement
// run it

Run it yourself

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/21st-dev/magic-mcp.git
    cd magic-mcp
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// use cases

What you can build

Advertisement
// faq

Questions, answered

Who maintains magic-mcp?

It is an open-source project at 21st-dev/magic-mcp with 469 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is magic-mcp free for commercial use?

Licensed under ISC — check the repo for commercial-use terms.

Will it replace developers?

It multiplies them — best results come from developers directing and reviewing.

Which editor does it support?

VS Code and terminal are universal; check each tool for JetBrains/Neovim.

Is my code sent anywhere?

With local models, no. With APIs, check the provider's retention policy.

// keep exploring

Similar tools

Dev Tools

tmuxai

AI-Powered, Non-Intrusive Terminal Assistant

★ 2.0k starsApache-2.0
View guide →
Dev Tools

brooks-lint

AI code reviews grounded in 12 classic engineering books — decay risk diagnostics with book citations, severity labels, and 6 analysis modes including full-s…

★ 1.5k starsMIT
View guide →
Dev Tools

context-engineering-intro

Context engineering is the new vibe coding - it's the way to actually make AI coding assistants work. Claude Code is the best for this so that's what this re…

★ 13.9k starsMIT
View guide →
Dev Tools

abtop

Like htop, but for AI coding agents — watch Claude Code and Codex sessions in real time.

★ 3.7k starsMIT
View guide →
Dev Tools

claude-context

Code-search MCP for Claude Code: make your entire codebase the context for any coding agent.

★ 12.6k starsMIT
View guide →
Dev Tools

opcode

A desktop GUI and toolkit for Claude Code - agents, sessions, analytics and MCP

★ 22.4k starsAGPL-3.0
View guide →
// alternatives

Alternatives in Dev Tools

The most-starred other Dev Tools projects in the LibreAI catalogue — the realistic shortlist if magic-mcp is not the right fit.

Get magic-mcp

Free and open — grab the source, star the repo, and start creating.