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.
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.
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.
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
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb