21st.dev MCP

Formerly Magic MCP — the 21st.dev server is 'v0 inside your editor'. Describe a UI component (button, pricing table, navbar) and it generates polished, shadcn-style React + Tailwind code, or pulls ready-made components from a large community catalog. Best for frontend developers who want instant, high-quality UI generation inside Claude Code, Cursor, or any MCP client.

AI ToolFree Tier: Free tier with limited generations; paid credits for moreCompany: 21st.devCategory: MCP ServersQuick Start: npx 21st-cli init → Follow the login flow to get an API key → Ask the assistant to 'generate a pricing table with 3 variants'

21st.dev MCP

Generate production-ready React + Tailwind UI components from a prompt

Visit 21st.dev MCP →

Formerly Magic MCP — the 21st.dev server is 'v0 inside your editor'. Describe a UI component (button, pricing table, navbar) and it generates polished, shadcn-style React + Tailwind code, or pulls ready-made components from a large community catalog. Best for frontend developers who want instant, high-quality UI generation inside Claude Code, Cursor, or any MCP client.

FREE TIER
Free tier with limited generations; paid credits for more
COMPANY
21st.dev
CATEGORY
MCP Servers › Coding & Dev
PRIVACY
Prompts sent to 21st.dev API
TAGS
uicomponentsreacttailwind

QUICK START

npx 21st-cli init → Follow the login flow to get an API key → Ask the assistant to 'generate a pricing table with 3 variants'

Finding similar tools…
← Back to all tools