Open-source React components, animated bento cards and Pro blocks, copied into your repo by the shadcn CLI.
npx shadcn@latest init https://useblank.design/r/blank.jsonSet --brand once. Checked, selected, focus and progress follow it in both themes.
Press ⌘K anywhere on this site to find a component and copy its install command.
Focus, press, dark mode and reduced motion, in every component.
Every primitive is MIT. Pro adds bento cards, sections and screens.
The shadcn CLI writes plain source files. Edit them like your own.
Click, type and drag: none of it is a screenshot. Browse all 142 components
Overview
Revenue
$53.4k
+15%A MacBook with an iPhone standing in front of one corner, the usual hero composition.
| Author | ||||
|---|---|---|---|---|
docs: theming guidedocs/theming | Error | 2m 8s | AK | |
feat: data grid density togglefeat/density | Building | 0m 51s | MS | |
fix: focus ring in dark modemain | Ready | 1m 14s | DK |
A sortable, searchable, selectable and paginated table on TanStack Table, with the toolbar and footer already built.
The payment sheet closes before 3-D Secure returns. Affects about 4% of orders since Monday.
A board card for a task with priority, labels, assignees and meta.
A curved path between two elements with a beam of light running along it.
Requests, 24h
p95 latency
0ms
−14 msCounts up to a number on a spring, with tabular digits.
Dashboards, bento sections and sign-in flows, each one running live in the frame below. Open the block gallery
ProA CRM sales pipeline: a floating icon sidebar, pipeline totals that follow the board, a quota gauge with forecast and pace, a monthly forecast against quota, a drag-and-drop deal board with owners, stage age and stale flags, a live activity feed and a rep leaderboard.
Blank ships in black and white. Set --brand and every checked, selected and focused state takes your color, in light and dark. Open the theme editor
No package to update and no wrapper to fight. Blank installs the way shadcn does.
{ "registries": { "@blank": "https://useblank.design/r/{name}.json" }}Copy a prompt that tells Claude Code, Cursor or Codex where the registry is and which tokens to use, or give it the shadcn MCP server, which reads the same registry. AI guide
npx shadcn@latest mcp init --client claudeFree stays MIT. Pro is a one-time licence for every Pro component and block. Compare plans
Every primitive, open source. Use it anywhere, forever.
Everything in Free, plus every Pro component and block.
Pro for the whole product team, under one licence.
Students and educators get 30% off. Contact us to claim it.
Something else? Contact us