MCP server

21st.dev Official

dev.21st/mcp

Checked 28 Oct 2026, 09:03 UTC · It answered and asked for a sign-in

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

Needs an API keyVerified publisher: 21st.dev

https://21st.dev/api/mcp

At a glance

Type: MCP server
Publisher: 21st.dev (verified by the MCP Registry)
Status: Needs an API key
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
Last checked: 28 Oct 2026, 09:03 UTC

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http 21st https://21st.dev/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.21st]
url = "https://21st.dev/api/mcp"

Gemini CLI

{"mcpServers":{"21st":{"httpUrl":"https://21st.dev/api/mcp"}}}

Cursor

{"mcpServers":{"21st":{"url":"https://21st.dev/api/mcp"}}}

VS Code

{"servers":{"21st":{"type":"http","url":"https://21st.dev/api/mcp"}}}

Antigravity

agy mcp add 21st https://21st.dev/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"21st","server_url":"https://21st.dev/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"21st","server_url":"https://21st.dev/api/mcp"}

Needs an API key or token from its maker, usually added as a header in the setup.

Slidev MCP
Generate, render, and host Slidev presentations from markdown
SlideForge
Deterministic, fully editable PowerPoint from typed slide intents. 200+ layouts, brand templates.
Standout
Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.
Open Components
Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them.
JestSprout
AI meme coin concept generator: theme in, coin name, ticker, lore and logo out. Concepts only.
Photo AI Studio
AI photos from a selfie across 150+ themes, plus 19 image edits and AI video.
TailThemes
Search Tailwind CSS and React themes, read their tokens and source files, and get download URLs.
JestSprout Meme Coin & Solana Rug-Check Tools
Solana rug checks, memecoin tools, swaps, and JestSprout Pay pages (Apple Pay, Solana Pay) + shop.

[![AptLynx](https://aptlynx.net/badge/dev.21st/mcp.svg)](https://aptlynx.net/servers/dev.21st/mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents