---
title: "Bento Image Grid — Framer component · Best of Framer"
description: "$6.00 · Framer component · by ARUNVIKRAM S · Galleries. Bento Grid Overview About this Component Bento Image Grid gives you 30 ready-to-use layout presets across 6 different item counts (3…"
canonical: "https://framer.elliotli.dev/component/bento-image-grid"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Bento Image Grid

# Bento Image Grid

30 presets in one component

[View on Framer](https://framer.com/marketplace/components/bento-image-grid/?via=elliot-li)

![Bento Image Grid preview image 1](https://framer.elliotli.dev/og/component/bento-image-grid/ec1fbd90fec977f8/1600x1067.jpg)

## Summary

Bento Grid Overview About this Component Bento Image Grid gives you 30 ready-to-use layout presets across 6 different item counts (3 to 8 images).

## Description

Bento Grid Overview

## About this Component

Bento Image Grid gives you 30 ready-to-use layout presets across 6 different item counts (3 to 8 images). Pick a preset, connect your images, done. No layout math, no manual spanning.

### What's inside

-   30 desktop presets, 5 per item count (3-8 images)
    
-   Built-in Lightbox - one toggle, no extra setup
    
-   Hover scale on every cell, clipped cleanly inside the border radius
    
-   Dedicated mobile layout mode (alternating 1-col or 2-col rhythm)
    
-   Gap, corner radius, border width, border color, and cell background controls
    
-   8 CMS-bindable image slots with per-slot position control
    

![Bento image grid features](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-9eu4f47r-uNxcnV8qAphfNw2IdRfkDg7Zd3eLAy)Bento image grid features

### Setup

1.  Drop the component, set a fixed width and height
    
2.  Set Items (3-8) and pick a Preset (1-5)
    
3.  Connect images to the slots
    
4.  Test lightbox in Preview
    

### Lightbox controls

Toggle it on and get: nav arrows, keyboard shortcuts (arrow keys + Escape), image counter, backdrop color, max width cap, and 3 open animation styles (Spring, Ease, Linear).

### When not to use this

If your bento grid mixes images with text cards, stat blocks, or icon tiles, this is not the right fit. It is purpose-built for image-only layouts.

### What you get

Full TypeScript source, 30 presets, built-in lightbox, mobile layout engine, 18 customizable properties. For support contact [**design@vikramuiux.com**](mailto:design@vikramuiux.com) and I'll get back to you.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4103

## Details

- **Author**: ARUNVIKRAM S
- **Price**: $6.00
- **Published**: 2026-04-28
- **Updated**: 2026-07-29
- **Added**: 2026-04-27
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery