BlocksBento Grid
Bento Grid
Bento grid section blocks for shadcn/ui. Asymmetric tile layouts mixing photos, big numbers, icon features, and quotes into a single responsive grid. Built for shadcn/ui.
A seven-tile impact bento for shadcn/ui: a double-size photo tile with a dark overlay headline, two big-number stat tiles (one with a Progress bar), a muted quote tile with Avatar, two icon tiles including a tiny bar sparkline, and an inverted bg-primary CTA tile with a secondary Button and three check items. Four columns with fixed 11rem rows on desktop, two columns on tablet, a single stack on mobile. Good for sustainability, impact or results sections.