59:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0ebkvqksdxj8m.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5a:Tbe5,

About this Component

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.

Live Preview

https://dynamicbentogrid.framer.website/

Customizable Properties

/ Cards

Cards – Add, remove, and manage grid items
Link Target – Open links in the same tab or a new tab

/ Layout

Columns – Number of grid columns
Gap – Space between cards
Radius – Corner radius for all cards

/ Hover

Hover – Hover elevation intensity
Hover Shadow – Show or hide shadow on hover
Shadow – Customize shadow values

/ Animation

Animation – Choose animation behavior

/ Drag & Resize

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

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

Use cases

Portfolios · Interactive galleries · Landing pages · Editorial layouts · Creative showcases

Refund Policy

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.

56:[["$","$L59",null,{"post":{"id":"019c7192-7aeb-7827-860b-b0b10cc4892f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"55008a5b-5253-4125-9373-9257d17b3fab","name":"Francesco Caronte","slug":"francescocaronte","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/430234/avatar-qDF0erWzWOHHP3uG5npp7mCf1TayS9.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ajItOqUK1QDzxlOKfUGK","resolved":true,"title":"Dynamic Bento Grid","body":"$5a","bodyJson":null,"introduction":"Resizable & Swappable Layout","slug":"dynamic-bento-grid","author":{"framerUserId":"55008a5b-5253-4125-9373-9257d17b3fab","name":"Francesco Caronte","slug":"francescocaronte","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/430234/avatar-qDF0erWzWOHHP3uG5npp7mCf1TayS9.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ajItOqUK1QDzxlOKfUGK/dynamic-bento-grid-vdfOq0wIfoSjaaSKqhgfoyiChYn0dm","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-14T15:20:57.686Z","updatedAt":"2026-03-02T14:46:38.470Z","publishedAt":"2026-02-18T16:25:51.083Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dynamicbentogrid.framer.website/","price":"12","paymentUrl":"https://francescocaronte.lemonsqueezy.com/checkout/buy/782d92e2-1d8d-4e2e-aa09-e81d23fd52af","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ugmvquIraFml6r63R7a6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T16:25:51.083Z","updatedAt":"2026-02-18T16:25:51.083Z","reported":false}}],"$L5b"]

Suggested for you