Skip to content
BentoGrids

BentoGrids

285 real bento-grid layouts captured from shipping sites and brand work

Tier B · UsefulGalleryTemplatebentogrids.com

Preview image from bentogrids.com

BentoGrids, by Ivan Volti, is a single-pattern gallery: 285 screenshots and clips of bento-style grids, split into 203 UI examples (Apple, Vercel Geist, Frame.io, Mintlify, Medusa, Nuxt Labs, Tailwind UI, Neon, Dovetail, Gitbook) and 82 graphic/branding treatments. Each entry links back to its source site, so you can see the pattern in production rather than as a mockup. It also gives away free Figma bento grid templates. Free, no account needed to browse.

For an agent

Pull this up before you build a feature or product-overview section as a bento grid — 285 shipped examples will tell you how big the hero cell should be and how the pattern degrades on mobile, which is where most hand-rolled bento layouts fall apart. Unusually for a gallery, the homepage is server-rendered: fetch https://bentogrids.com with a normal browser user-agent and parse `__NEXT_DATA__` for the full `shots` array (id, title, category `ui`/`graphic`, sourceLink, asset dimensions) — WebFetch alone returns an empty shell. It gives you references and Figma files, never code, so pair it with a Tailwind grid or shadcn/ui cards for the actual implementation.

Why it is here. The definitive index for one very overused pattern — having 285 real examples in one place is what stops a bento grid from turning into a generic feature card wall.

Install command, framework, licence and component list.

Facts

License
Unknown
Pricing
Free, Free but account required
Framework
Not applicable
Styling
Not applicable
Distribution
Browse-only gallery or archive, Figma file or kit
Platform
Web
Content type
Screenshots / screens, Figma / design source files, Images / textures / backgrounds
Agent readiness
Machine-readable index, Pixels only
Accessibility
Not applicable
Maturity
Actively maintained
Pricing detail
Free to browse. Free Figma templates delivered by email sign-up at /templates.

Components it ships

1

Helps you build

2

Templates

2

Notable for

  • 285 curated bento examples
  • 203 UI vs 82 graphic split
  • every entry links to its live source
  • server-rendered JSON an agent can parse
  • free Figma bento templates

Provenance

Verified 2026-08-15. HTTP 200. https://bentogrids.com (HTTP 200; __NEXT_DATA__ parsed: 285 shots, category counts ui=203 graphic=82, titles and sourceLinks read directly), https://bentogrids.com/robots.txt, https://bentogrids.com/templates (HTTP 200 but empty JS shell), sitemap.xml 404; template identities confirmed via web search of the Figma Community files. WebFetch of the homepage returned only the title.

Also in Inspiration Galleries

6
bentogrids.comTier B