design-infraReport a problem or share feedback← Catalog
Empty state
curatedtheme-awarefreeoc/empty-state
Zero-data / first-run placeholder: layered icon, title, one primary next step, optional secondary + help link. Dashed drop-zone or plain.
$
npx shadcn@latest add @design-infra/empty-stateLive demo — under each design system
brutalist-mono
No projects yet
Import a Git repository or start from a template. It takes about a minute.
Read the quickstart →editorial
No projects yet
Import a Git repository or start from a template. It takes about a minute.
Read the quickstart →linear-dark
No projects yet
Import a Git repository or start from a template. It takes about a minute.
Read the quickstart →soft-glass
No projects yet
Import a Git repository or start from a template. It takes about a minute.
Read the quickstart →- Source
- oc
- Kind
- block
- Categories
- empty-state
- Use as
- drop-in — replaces your component
- Applies to
- empty-state
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz
Similar
Compare all 4 →- 404 / Not Found Glitchbeui/not-found-glitchDigits scramble through random glyphs before resolving, with a chromatic split on hover.
- 404 / Not Found Spotlightbeui/not-found-spotlightA dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.
- 404 / Not Found Stackedbeui/not-found-stackedA code card over a hidden stack that fans out with a spring on hover.