component
Focus Bento Grid
By Ricky R

Details
- Ricky RAuthor
- componentType
- 2026-08-18Published
- 2026-08-18Updated
- 2026-08-18Added
- SectionsCategories
Summary
Focus Bento Grid is a responsive bento gallery for Framer that combines flexible image arrangements with a fullscreen light-box.
Description
Turn any image collection into a polished, editorial gallery. Focus Bento Grid is a responsive bento gallery for Framer that combines flexible image arrangements with a fullscreen light-box. Add your images, choose a layout, select the featured tile, and customize the spacing and presentation directly from the properties panel. The gallery adapts to its container across desktop, tablet, and mobile while preserving a clear visual hierarchy. Additional images can be represented through an overflow count, allowing the gallery to stay compact without hiding the size of the collection. Features Responsive bento gallery layouts Configurable featured image Custom image order and quantity Fullscreen lightbox Previous and next image navigation Keyboard-accessible controls Adjustable spacing and corner radius Image-fit controls Optional overflow count Responsive compact layouts Reduced-motion support Static rendering on the Framer Canvas and in exports No external dependencies Add Focus Bento Grid to portfolios, travel sites, property pages, event galleries, case studies, and editorial projects. No code required. Everything is controlled directly from the Framer sidebar.
Introduction
Responsive Bento Gallery
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1281