BentoGrids
285 real bento-grid layouts captured from shipping sites and brand work
Tier B · UsefulGalleryTemplatebentogrids.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.
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
1Helps you build
2Templates
2Notable 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- A1 · A web design gallery with an MCP server that returns clean JSON, including design tokens measured from the rendered page
- Annual Report Archive · 3,002 corporate annual-report covers from 1945 to 2023, searchable by design vibe over an open MCP server that needs no key
- Mobbin · Searchable library of real mobile and web app screens, organized into user flows
- Refero · Searchable library of real product screens, user flows and design systems, with an MCP server
- Type Foundry Directory · Filterable index of ~394 type foundries and their font licensing terms
- 60fps · 2,038 iOS interaction shots broken into storyboards, with an MCP that hands an agent the real timing