21st AI — Generate UI components in variants | 21st

What do you want to explore?

One prompt, several variants.

21st AI generates new UI components in multiple variants, so you compare and pick instead of settling for the first take.

Several variants per run

Every generation produces multiple takes on your prompt. Compare them live and keep the best one.

Remix the library

Start from any community component and generate your own version of it.

Chat to refine

Keep iterating on the variant you like: tweak styles, behavior and copy in chat.

Copy code & prompt

Take the component's code, or the prompt behind it, in one click.

Wherever you code.

On the web

The full editor: browse, generate, edit, publish.

In your agent

MCP for Cursor, Claude, VS Code, Codex, Windsurf.

In your terminal

The 21st CLI: search, install and generate.

$ npx 21st

Frequently asked questions.

How does 21st AI work?

How does it handle my codebase?

Can I customize the generated components?

Who owns the generated components?