Bento Grid
Generate beautiful, responsive, and customizable Bento Grid layouts instantly in Framer. Create stunning abstract UI blocks with premium styles like Solid, Glassmorphism, and Neon in one click.
About this Plugin
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.
Details
Fuad Bakhshiyev
