21st MCP

21st MCP is an MCP server that lets Cursor, Claude Code, and Windsurf search, generate, and publish React and Tailwind UI components for developers building interfaces.

What it is good for

  • Finding ready-made React interface components inside your code editor
  • Generating new user interface code from a text description
  • Publishing your own interface components to a shared library

At a glance

Who it is for
Setup
Guided command-line setup

Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.

Cost
Not stated
Type
MCP server or connector
Tasks
Works with
Cursor, Claude Code, Windsurf, VS Code, Codex, Claude

Momentum

Rank this week
Not ranked yet
Best rank
None yet
GitHub stars
6,342

GitHub numbers as of Nov 2, 2026. Updated weekly.

5,869 6,123 6,377 Sep 24, 2026 Nov 2, 2026
GitHub stars for 21st MCP: 5,904 on Sep 24, 2026, 6,342 on Nov 2, 2026. Source: GitHub.

Official links

Setup steps are on the official pages. We do not repeat them here, since they change.

Questions

Do I need to know how to code to use 21st MCP?
You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.
What does 21st MCP work with?
According to its own documentation, it works with Cursor, Claude Code, Windsurf, VS Code, Codex, and Claude.
What is 21st MCP good for?
Finding ready-made React interface components inside your code editor, generating new user interface code from a text description, and publishing your own interface components to a shared library.

Similar agents

  • Figwright

    Figwright is an MCP server that lets AI coding agents read Figma designs into code and write changes back to the canvas.

  • gstack

    gstack is a set of 23 slash-command skills that turn Claude Code into a virtual engineering team for solo founders and tech leads.

  • Impeccable

    Impeccable is a set of design commands for coding agents that steers, reviews, and polishes interfaces to avoid generic AI-looking design.

  • Archify

    Archify is a skill that turns an idea, plan, or codebase into an interactive diagram for people who need to understand or share a system.

  • Appwrite

    Appwrite is an open-source backend platform that gives apps and AI agents auth, databases, storage, functions, and hosting in one place.

  • AI Website Cloner Template

    AI Website Cloner Template is a skill that recreates an existing website as a Next.js app for people who want a copy of a site's design and layout.

Last updated Nov 2, 2026. Tracked since Oct 28, 2026. The summary was written by an AI model from the project's own description and checked against our copy rules. Spotted an error? Tell us.