Skip to main content
21st exists to keep the web free of AI slop — the same bland, generic-looking UI every AI tool spits out. Instead of generating from scratch every time, start from real, hand-crafted work:
  • Find it — browse the Marketplace for thousands of hand-crafted, open-source React/Tailwind components, themes, and templates from real designers and developers. Install, remix, or build on what already exists.
  • Or create it — when nothing fits, use 21st AI to generate UI from a prompt. Get several drafts at once, pick one, and refine it in natural language — from the web, your terminal (CLI), or right inside your editor and AI agent (MCP).

​
Who is 21st for?

  • Frontend engineers — install production-ready UI without leaving your editor, or generate it when nothing fits.
  • Designers — turn ideas, references, and screenshots into real React components.
  • Product teams & founders — draft and compare UI approaches before writing production code.

​
Jump in

Browse the Marketplace

Install high-quality React components, themes, and templates.

Generate with 21st AI

Describe UI, get multiple drafts, refine, and copy the code.

​
Marketplace

Overview

Discover and use open-source React components.

Components

Browse production-ready React/Tailwind components.

Themes

Copy color schemes and typography.

Templates

Ready-to-use website and app templates.

Publish Your Own

Share components with the community or your team.

​
21st AI

Overview

What 21st AI does and how generation works.

Generation Modes

Sketch (fast HTML/Tailwind) and Code (React) modes.

CLI

Search, install, generate, and publish from your terminal.

MCP

Connect 21st to Cursor, Claude, VS Code, and more.

Pricing & Credits

Plans, credits, and what each generation costs.

​
Need Help?