Skip to content

Now in the official shadcn registry directory.

Start free
All blocks
Bento grids

Four ideas that hold the same page.

Asymmetric grids where every tile earns its space. The scenes are built from real components with real state, and a WebGL wash sits under each card reading your brand token, so a preset change repaints the whole grid.

Blocks
2
Presets
8
Breakpoints
3
Licence
Pro

Refine bento

A six column rhythm: one wide hero, one full height column, two short tiles. Every control carries state, so the running count, the sort order and the row rhythm are computed rather than drawn.

Unlock codeI have a key
npx install unlocks with a licence

Capability bento

Four cards, two rhythms: the tall pair lead with words and answer with a diagram, the short pair open with the visual. Every light layer is derived from the brand token, so a preset change repaints the whole grid.

Unlock codeI have a key
npx install unlocks with a licence