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.
FreeMIT licensed. Install it with the CLI — no account, no key.
$velocityx add bento-grid-six
Props & docs
AstroReactTailwind CSSNew
Bento Grid — 6 Cell
Bento Grid — 6 Cell
Live preview of the Bento Grid — 6 Cell component
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. ”
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Bento Grid — 6 Cell component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Bento & Layout components
Browse all →Bento Grid — Tall Feature Cell
Bento layout with one tall feature cell spanning two rows beside two stacked supporting cells.
Centred Container
Reliable two-axis centring primitive with a flex or grid method and explicit known-height or min-height sizing.
Full-Bleed Section
Escapes a centred max-width container to span the full viewport using the calc(50% - 50vw) technique, with a re-centred inner column.
Split 50/50 Section
Even two-column split section that stacks to one column on mobile, with an optional mobile reorder flag.
Split 60/40 with Sticky Side
60/40 split section where one column sticks in the viewport while the other scrolls past it, desktop only.
Three-Column Feature Row
Classic three-feature row that collapses to two then one column per breakpoint.