Bento Grids

Modular grid layouts for displaying diverse content blocks - built with shadcn/ui.

Bento grid with 4 cardsFree

A four-card bento grid that spotlights one hero feature with three supporting benefits.

Bento grid with 4 cards and big images

A bento grid with large edge-to-edge images ideal for visual feature highlights.

Bento grid with 5 cards

A five-card bento grid for showcasing multiple product surfaces or categories at once.

Bento grid with 3 cards and feature title on top

A bento grid with a text-led hero card and two image cards for narrative feature storytelling.

Bento grid with 3 cards and one card with horizontal layout

A bento grid with a horizontally split hero card and two supporting feature tiles.

Bento grid with 4 cards and grey color of background

A soft, muted bento grid with a wide hero card and three supporting tiles for premium feature layouts.

Get access to all Pro Blocks in our Premium Package

Buy now

Bento Grids

A bento grid component, built with shadcn/ui, is a fun way to combine different types of content in one block. This layout uses tiles of different sizes to show stats, cards, or images side by side.

FAQs

Use it when you have a mix of things to show – like numbers, cards and pictures – all in one view.