BentoGrids
285 real bento-grid layouts captured from shipping sites and brand work
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.
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.
- 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
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.
