5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T7c2,

Dynamic Gallery Grid is an interactive media gallery for Framer designed to showcase images and videos in a dynamic, free-moving grid. With smooth drag and wheel interactions, 3D depth, parallax motion, hover effects, CMS links, and an immersive lightbox, it’s built for portfolios, projects, campaigns, products, and creative websites.

HOW TO USE

Add Dynamic Gallery Grid to your Framer page
Add images or videos to your tiles
Add titles, captions, and CMS Links
Customize layout, sizing, depth, and styling
Configure motion and lightbox settings

KEY FEATURES

Dynamic grid layout with image and video support
CMS Link support for individual tiles
Smooth drag, wheel, edge scrolling, and momentum interactions
3D perspective, tilt, parallax, and hover scaling
Responsive desktop, tablet, and mobile sizing
Custom backgrounds, borders, radius, shadows, and labels
Fullscreen lightbox with navigation, captions, counters, and project links
Performance-friendly motion with reduced-motion support and static rendering

WHY CUSTOMERS WILL LOVE IT

Dynamic Gallery Grid turns a traditional gallery into an interactive visual experience. The free-moving grid, subtle 3D depth, and responsive motion create a more engaging way to explore visual content. SEO Keywords: Framer Dynamic Gallery Grid, Dynamic Gallery, Framer Gallery, Gallery Grid, Framer Media Gallery, CMS Gallery, CMS Gallery Grid, Framer CMS, Image Gallery, Video Gallery, Interactive Gallery,

It works especially well for creative portfolios, agencies, studios, photography, products, case studies, and editorial layouts where images and videos need more room to move.

5a:[["$","$L5d",null,{"post":{"id":"01a0b35b-f3f5-75db-862b-345ae99c1507","title":null,"body":"

Dynamic Gallery Grid

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Gallery Grid"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QgflLfcFeYXYRb4qDDXx","resolved":true,"title":"Dynamic Gallery Grid","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Gallery Grid","marks":[{"type":"bold"}]},{"type":"text","text":" is an interactive media gallery for Framer designed to showcase images and videos in a dynamic, free-moving grid. With smooth drag and wheel interactions, 3D depth, parallax motion, hover effects, CMS links, and an immersive lightbox, it’s built for portfolios, projects, campaigns, products, and creative websites."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Dynamic Gallery Grid","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images or videos to your tiles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add titles, captions, and "},{"type":"text","text":"CMS Links","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize layout, sizing, depth, and styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure motion and lightbox settings"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic grid layout with image and video support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":" support for individual tiles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth drag, wheel, edge scrolling, and momentum interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D perspective, tilt, parallax, and hover scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom backgrounds, borders, radius, shadows, and labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen lightbox with navigation, captions, counters, and project links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-friendly motion with reduced-motion support and static rendering"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY CUSTOMERS WILL LOVE IT"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Dynamic Gallery Grid","marks":[{"type":"bold"}]},{"type":"text","text":" turns a traditional gallery into an interactive visual experience. The free-moving grid, subtle 3D depth, and responsive motion create a more engaging way to explore visual content. SEO Keywords"},{"type":"text","text":":","marks":[{"type":"bold"}]},{"type":"text","text":" Framer Dynamic Gallery Grid, Dynamic Gallery, Framer Gallery, Gallery Grid, Framer Media Gallery, CMS Gallery, CMS Gallery Grid, Framer CMS, Image Gallery, Video Gallery, Interactive Gallery,"}]},{"type":"paragraph","content":[{"type":"text","text":"It works especially well for creative portfolios, agencies, studios, photography, products, case studies, and editorial layouts where images and videos need more room to move."}]}]},"introduction":"Dynamic CMS Media Gallery","slug":"dynamic-gallery-grid","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a0b361-ae0f-72ff-a99e-5175a2e6267c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-18T07:12:22.460Z","updatedAt":"2026-09-30T11:11:55.679Z","publishedAt":"2026-09-18T07:12:22.457Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dynamicgallerygrid.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_GBjK9gKxiFEjtggCMqRGiDsY5yhr6v2p0wyAu1egVdh","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ZoJdUOqAaq0kZ4YvmGyd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T07:12:23.029Z","updatedAt":"2026-09-18T07:12:23.029Z","reported":false}}],"$L5f"]

Suggested for you