---
title: "Bento Grid — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Fuad Bakhshiyev · Libraries. Smart Bento Grid is the ultimate layout generator for Framer, designed to help you build modern, beautiful Bento UI sections in seconds."
canonical: "https://framer.elliotli.dev/plugin/bento-grid-5zcuwoaaqgy37np9pnyxu26zt"
---

[Home](/)/[Plugins](/plugins)/[Libraries](/plugins/category/libraries)/Bento Grid

# Bento Grid

Smart Auto-Healing Bento Grids

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

![Bento Grid preview image 1](https://framer.elliotli.dev/og/plugin/bento-grid-5zcuwoaaqgy37np9pnyxu26zt/9c752275576d0f9c/1600x1200.jpg)

## Summary

Smart Bento Grid is the ultimate layout generator for Framer, designed to help you build modern, beautiful Bento UI sections in seconds.

## Description

**Smart Bento Grid** is the ultimate layout generator for Framer, designed to help you build modern, beautiful Bento UI sections in seconds. Perfect for feature highlights, portfolios, and dashboard mockups.

Key Features

\- **Instant Generation:** Create complex, perfectly aligned bento grids (up to 12x12) with a single click.

\- **Premium Themes:** Choose from standard _Solid_ blocks, elegant _Glass_ (translucency + subtle borders), or striking _Neon_ (dark backgrounds + colourful glowing borders) to match your site's aesthetic.

\- **Dynamic Styles:** Out-of-the-box layout styles including _Uniform_ (equal boxes), _Hero_ (large top-left block), and _Header_ (full-width top block).

\- **Intelligent Auto-Heal:** Accidentally deleted a block? Or just experimenting with layouts? Just hit the "✨ Auto-Heal Gaps" button, and the plugin will automatically calculate and resize the remaining blocks to perfectly fill any empty spaces.

\- **Fully Customizable:** Adjust columns, rows, gap sizes, padding, and corner radii with mathematical precision.

How to Use

1\. Launch the plugin from the Framer menu.

2\. Pick your desired dimensions, block colours, and aesthetic layout style.

3\. Generate the grid directly onto your canvas.

4\. Drop your components, text, or images into the perfectly sized Bento blocks!

_Note: Grids are built using standard Frames, making them 100% responsive and infinitely customizable after generation._

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

-   All · #292

## Details

- **Author**: Fuad Bakhshiyev
- **Published**: 2026-03-22
- **Updated**: 2026-03-21
- **Added**: 2026-03-21
- **Categories**: Libraries

## More like this

-   [Scenes](/plugin/scenes) — Syauqizaidan Khairan Khalaf · Free — Animated product UI for your pages
-   [Rubik UI v1.0](/plugin/rubik-ui-v1-0) — Rejaul Karim · Free — User Interfaces For Framer Agents
-   [FramerKit](/plugin/framerkit) — Pavel Golichenko · Free — Build Websites Faster with FramerKit Everything you need to build websites in Framer.
-   [FAQ & HelpDesk](/plugin/plumspace-faq) — PlumSpace · Free — Accordion FAQ Page for Help Center