Back to Componentsbylgja.dev/product/bento-grid/
Component · Bento
Bento Grid
example.com/demo/bento-grid1440 px
01Description
Five-block bento grid to showcase features, metrics, and team in a single view. Rearranges into two columns on tablet and one on mobile, with each block accepting custom content.
Version v1.3.0Updated Oct 2, 2026Type Component · Bento
02What each technology includes
React+Tailwind.tsx component with Tailwind classes and props for each blockFree
Astro.astro component with slots, zero client-side JavaScriptFree
HTMLDependency-free HTML and CSS, ready to pasteFree
Description
Five-block bento grid to showcase features, metrics, and team in a single view. Rearranges into two columns on tablet and one on mobile, with each block accepting custom content.
What each technology includes
React+TailwindFree
.tsx component with Tailwind classes and props for each blockAstroFree
.astro component with slots, zero client-side JavaScriptHTMLFree
Dependency-free HTML and CSS, ready to paste