Bento & Layout

Bento Grid — 4 Cell

Responsive 4-cell bento grid, 1 column on phone and 2x2 on tablet/desktop, with four named slots.

Free MIT licensed. Install it with the CLI — no account, no key.

bash

$ velocityx add bento-grid-4

Built for astro.

Full docs for Bento Grid — 4 Cell →

astro v1.0.0

Bento Grid — 4 Cell

Realtime sync

Every change lands instantly, across every device.

Uptime (90d)

99.98%

+0.04pp

Role-based access

Granular permissions down to the field level.

Cut our weekly reporting time from four hours to twenty minutes. ”

Dana M. — Ops Lead

Props

Name	Type	Required	Default
as	'div' \| 'section'	No	'div'
gap	4 \| 5 \| 6 \| 8	No	6
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/bento-grid-4/BentoGrid4.astro

Using the Bento Grid — 4 Cell component

Install it with velocityx add bento-grid-4. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Bento Grid — 4 Cell

Realtime sync

Role-based access

Props

File this creates

Using the Bento Grid — 4 Cell component

Related components