# Web Bento Grid UI Designs

Bento grids pack many messages into one composed view. Compare cell sizing, mixed media, stat callouts, and hover motion across real websites, then remix a grid for your own page.

## 88 Bento grid templates · Web

[Bento grid | OCTA](/content/gallery/inspirations/bento-grid-web-3/index.html)

[Bento grid | Tórshavn](/content/gallery/inspirations/bento-grid-web-7/index.html)

[Bento grid | Loomline](/content/gallery/inspirations/bento-grid-web-2/index.html)

[Bento grid | Ember & Oak](/content/gallery/inspirations/bento-grid-web-6/index.html)

[Bento grid | Aurava](/content/gallery/inspirations/bento-grid-web-1/index.html)

[Bento grid | Studio Principles](/content/gallery/inspirations/bento-grid-web-4/index.html)

[Bento grid | Vaultic](/content/gallery/inspirations/bento-grid-web-5/index.html)

[Bento grid | Otto Labs](/content/gallery/inspirations/bento-grid-web-8/index.html)

[Bento grid | Straumvik](/content/gallery/inspirations/bento-grid-web-9/index.html)

[Bento grid | Havsted](/content/gallery/inspirations/bento-grid-web-10/index.html)

[Bento grid | Vindstad](/content/gallery/inspirations/bento-grid-web-11/index.html)

[Bento grid | Batholith](/content/gallery/inspirations/bento-grid-web-12/index.html)

[Bento grid | Marlgrain](/content/gallery/inspirations/bento-grid-web-13/index.html)

[Bento grid | Tuffcrest](/content/gallery/inspirations/bento-grid-web-14/index.html)

[Bento grid | Bramblewick](/content/gallery/inspirations/bento-grid-web-15/index.html)

[Bento grid | Foxglade](/content/gallery/inspirations/bento-grid-web-16/index.html)

[Bento grid | Alderwild](/content/gallery/inspirations/bento-grid-web-17/index.html)

[Bento grid | Loxodra](/content/gallery/inspirations/bento-grid-web-18/index.html)

[Bento grid | Bittacle](/content/gallery/inspirations/bento-grid-web-19/index.html)

[Bento grid | Traversine](/content/gallery/inspirations/bento-grid-web-20/index.html)

[Bento grid | Brumewell](/content/gallery/inspirations/bento-grid-web-21/index.html)

[Bento grid | Cirralis](/content/gallery/inspirations/bento-grid-web-22/index.html)

[Bento grid | Petrivane](/content/gallery/inspirations/bento-grid-web-23/index.html)

[Bento grid | Weftly](/content/gallery/inspirations/bento-grid-web-24/index.html)

## Bento grid templates for Web

Explore 88 open-source Bento grid templates for the web: bento grid layouts, flows and components. Every template ships with production-ready code built on modern stacks like React, Next.js and Tailwind CSS.

Preview any Bento grid UI live, remix its layout and components to match your product, and export clean code you can ship the same day.