What do you want to draft?

Look around for free. Drafts run on Builder + AI, from $15 a month See plans

Compare and pick, not settle

One prompt, several takes side by side: keep the one you like, then refine it
21st AIExample run
A pricing section with three plans
3 takes drafted, pick the one you like
Take 2 of 3Use take 2
Pricing

  • Several takes per run

    Every generation produces multiple takes on your prompt. See each one live, then iterate on any of them

  • Code or Sketch

    A full React + shadcn component in a live sandbox, or a fast HTML draft to take to your own agent, from the models you pick

  • Remix the library

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

  • Edit or iterate

    Edit supported values for free, or add notes and iterate on any take

  • Copy code & prompt

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

Wherever you code

Same account, same credits

On the web

Browse, draft, iterate, take it to your code

In your agent

MCP for Cursor, Claude, VS Code, Codex, Windsurf: it drafts takes and searches the library without leaving the chat

Set it up

In your terminal

The 21st CLI: search, install and generate

21st generate "a pricing table" --variants 3

Builder + AI, from

$15

a month, billed yearly

See plans
  • 500, 1,000 or 2,000 AI credits a month
  • One balance on the web, in your agent and in the terminal
  • Top up +100 credits for $5, they roll over
  • Design Bug Bot and premium models included

Questions about 21st AI

Not in the library? Draft it

Describe it once, compare the takes, keep the one you like