design-infraReport a problem or share feedback← Catalog
Theme preview
curatedtheme-awarefreeoc/theme-preview
Kitchen-sink of the installed theme (swatches, type, buttons, form card). Install after a theme to eyeball it.
drop-inMinimal
$
npx shadcn@latest add @design-infra/theme-previewLive demo — under each design system
brutalist-mono
Type scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and inline code like this.
background
card
muted
accent
secondary
primary
destructive
border
NewBetav2.1
editorial
Type scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and inline code like this.
background
card
muted
accent
secondary
primary
destructive
border
NewBetav2.1
linear-dark
Type scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and inline code like this.
background
card
muted
accent
secondary
primary
destructive
border
NewBetav2.1
soft-glass
Type scale
Display heading
Section headline
Body copy sits on the canvas with enough contrast to read for minutes, not seconds. Links look like this, and inline code like this.
background
card
muted
accent
secondary
primary
destructive
border
NewBetav2.1
- Source
- oc
- Kind
- block
- Categories
- theme
- Use as
- drop-in — replaces your component
- Applies to
- theme
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz