Dynamic Bento Grid is an interactive layout component that lets you build flexible bento-style grids with resizable and swappable cards.Cards can contain images or videos and can be dragged, resized from a corner, and reordered in real time with smooth animations.
Designed for portfolios, galleries, and modern landing pages, it provides full control over layout, interactions, and visual details, while remaining fully responsive.
https://dynamicbentogrid.framer.website/
Cards – Add, remove, and manage grid items
Link Target – Open links in the same tab or a new tab
Columns – Number of grid columns
Gap – Space between cards
Radius – Corner radius for all cards
Hover – Hover elevation intensity
Hover Shadow – Show or hide shadow on hover
Shadow – Customize shadow values
Animation – Choose animation behavior
Drag – Enable or disable card dragging
Resize UI – Show or hide the resize handle
Handle Size – Size of the resize handle
Handle Background – Background color of the resize handle
Handle Blur – Blur intensity for the handle background
Handle Icon Color – Color of the resize icon
Handle SVG – Use a custom SVG for the resize handle
Link Button – Show or hide the link button on cards
Link Size – Size of the link button
Link Background – Background color of the link button
Link Blur – Blur intensity for the link background
Link Icon Color – Color of the link icon
Link SVG – Use a custom SVG for the link icon
Portfolios · Interactive galleries · Landing pages · Editorial layouts · Creative showcases
All sales of digital products are final and non-refundable.
If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I’m happy to help.
Dynamic Bento Grid is an interactive layout component that lets you build flexible bento-style grids with resizable and swappable cards.Cards can contain images or videos and can be dragged, resized from a corner, and reordered in real time with smooth animations.
Designed for portfolios, galleries, and modern landing pages, it provides full control over layout, interactions, and visual details, while remaining fully responsive.
https://dynamicbentogrid.framer.website/
Cards – Add, remove, and manage grid items
Link Target – Open links in the same tab or a new tab
Columns – Number of grid columns
Gap – Space between cards
Radius – Corner radius for all cards
Hover – Hover elevation intensity
Hover Shadow – Show or hide shadow on hover
Shadow – Customize shadow values
Animation – Choose animation behavior
Drag – Enable or disable card dragging
Resize UI – Show or hide the resize handle
Handle Size – Size of the resize handle
Handle Background – Background color of the resize handle
Handle Blur – Blur intensity for the handle background
Handle Icon Color – Color of the resize icon
Handle SVG – Use a custom SVG for the resize handle
Link Button – Show or hide the link button on cards
Link Size – Size of the link button
Link Background – Background color of the link button
Link Blur – Blur intensity for the link background
Link Icon Color – Color of the link icon
Link SVG – Use a custom SVG for the link icon
Portfolios · Interactive galleries · Landing pages · Editorial layouts · Creative showcases
All sales of digital products are final and non-refundable.
If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I’m happy to help.
