Focus Bento Grid

Show Preview
Focus Bento Grid
Focus Bento Grid

About Focus Bento Grid

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.

From Ricky R

Mechanical Board
ScrollSpy Navbar Pro
3D Tilt HoloCard
Image Reveal Slider

Related Components

Scroll Step Timeline
Scroll Card Stack
FluxPricing
Interactive Footer