Patterns

Quiet backgrounds for cards, sections and empty states. Tune one, then copy it as Tailwind or CSS.

1 / 92

Billing that grows with you

Meter usage, send invoices and collect payments from one dashboard.

Start for freeTalk to sales

Grid

Grids · pure CSS, no images

Color

Size24px

Opacity10%

Fade

<div
  aria-hidden="true"
  className="pointer-events-none absolute inset-0
    text-foreground opacity-10 mask-b-from-40%
    bg-[linear-gradient(to_right,currentColor_1px,transparent_1px),linear-gradient(to_bottom,currentColor_1px,transparent_1px)]
    bg-size-[24px_24px,24px_24px]"
/>

Pick a pattern to load it into the playground