Bento 32 - Captionless product bento mosaic

Pro

Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and two square product panels on mixed pastel tile backgrounds.

Shadcn Bento 32 block

Component data

ID
bento32
Access
pro
Created
Jul 13, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Bento 32 block design & features

Bento32 is a four-tile bento on a white section, built with Shadcn UI container tiles and no external section captions. A five-seven top row places a blue gradient app-download cell beside a gray automated savings panel with headline, body copy, and layered product photography. A bottom row holds two square tiles on slate and mint pastel backgrounds with self-contained interface scenes.

The download tile uses oversized ghosted brand lettering, a bold headline, and a pill-shaped dark download button over a soft blue gradient. The savings tile layers a phone mockup, floating product cutout, and left-aligned marketing copy. Square bottom cells fill their colored wells edge to edge with rounded corners only on the outer grid.

A visual-first product mosaic without a shared headline band above the grid. The mix of fintech savings storytelling and app-store CTA styling makes it feel like a campaign board rather than a uniform feature list. Moderate complexity split between one image-heavy tile and three code-driven interface panels.

Top row stacks first on mobile, then the two square tiles follow at full width.