Active orgs
12.4k
+18% MoM
Bento & Layout
Bento Grid — 6 Cell
Responsive 6-cell bento grid, 1/2/3 columns across phone/tablet/desktop with slots in reading order.
Free MIT licensed. Install it with the CLI — no account, no key.
$ velocityx add bento-grid-sixBuilt for astro.
Full docs for Bento Grid — 6 Cell →
astro
v1.0.0
Bento Grid — 6 Cell
Avg. page load
4.2s
-0.6s
Audit trail
Every mutation logged, exportable.
SSO + SCIM
Okta, Azure AD, Google Workspace.
Security rating
A+
The only vendor that passed our pen test on the first try. ”
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| 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.
components/velocity/bento-grid-six/BentoGridSix.astroUsing the Bento Grid — 6 Cell component
Install it with velocityx add bento-grid-six.
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.
Related components
More from Bento & Layout.
Aspect-Ratio Media BoxPro
Reserves a stable aspect ratio for media to prevent layout shift, using the native CSS aspect-ratio property.
astroAuto-Fit Responsive Card GridFree
Breakpoint-free responsive card grid using CSS grid auto-fit/minmax, column count is purely a function of container width.
astroBento Card ShellsFree
Single card shell component with five variants (icon, stat, image, chart-slot, quote) sharing one accessible article shell.
astroBento Grid — 4 CellFree
Responsive 4-cell bento grid, 1 column on phone and 2x2 on tablet/desktop, with four named slots.
astro