BentoGridUltimate

About

Bento Grid Ultimate brings a gorgeous, highly flexible bento layout directly into your Framer projects. Drop it into your homepage, feature section, or portfolio to organize content beautifully. It adapts seamlessly across desktop, tablet, and mobile, giving you complete control over how your grid scales and behaves.

What it does

Renders a dynamic grid layout with customizable item counts, handling individual tile paddings, gaps, and border radiuses flawlessly. It includes built-in entrance animations with stagger effects and features smooth hover interactions like scaling and brightness adjustments to make your layouts feel alive and premium.

What you can customize

• Layout controls: Set total tiles, change general padding, toggle viewport height, adjust gap sizes, modify max width, and tweak border radius.

• Animations: Turn grid animations on or off, set custom duration times, and adjust the stagger interval between items.

• Hover effects: Fine tune the hover scale factor and adjust hover brightness to make tiles pop.

• Responsiveness: Define custom mobile and tablet breakpoints directly in the panel.

• Typography: Fully change the title font and label font to match your project branding.

Great for

• Landing pages and product feature showcases

• Portfolio and agency case study grids

• Dashboard mockups and stats displays

• Content hubs or resource libraries

• Visual galleries and moodboards

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb