Bento Grid

Asymmetric marketing grids — product ops metrics or an editorial design-system layout.

Built for product teams

See what shipped — and what's next.

Active installs

18.4k9.2%

12 weeks

Registry installs across public docs — last bar is this week.

Online now

3 of 8
  • AR

    Alex Rivera

    Shipping auth

  • SC

    Sam Chen

    Reviewing PR #482

  • JL

    Jordan Lee

    Idle · 12m

Presence updates every few seconds — no extra sidebar chrome.

p95 latency

142ms

Edge reads, last hour · US-East.

Budget 500ms — still quiet.

Release checklist

  • Visual QA on mobile
  • Changelog drafted
  • Feature flag off in EU

Jump anywhere

Search blocks, docs, issues…

Same palette your team already uses in the docs site.

Design system

Components that look finished before you theme them.

Copy a block, keep the tokens, ship. No second design pass for radius, type, or empty states.

Works with your stack

  • React 19App Router
  • Tailwind 4@theme
  • RadixPrimitives

Open source

110

GitHub stars · and counting

“We dropped three custom tables and one half-broken sidebar in an afternoon.”
— Maya K., design eng
$ npx @sonojs/ui add calendar
 + components/ui/button.tsx
 + components/ui/calendar.tsx
→ npm i date-fns react-day-picker