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:T7fc,

✦ Give your images room to be explored.

Create an interactive gallery wall with a staggered layout, clean edges and subtle hover effects. Drag or scroll to explore your images and click to discover more. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Images ✦ Titles ✦ Links ✦ Button labels ✦ Button colors ✦ Image size ✦ Image spacing ✦ Padding ✦ Background color ✦ Text color ✦ Image numbers ✦ Index visibility ✦ Navigation visibility ✦ Hover zoom ✦ Hover light color & intensity ✦ Animation duration

🎯 Perfect for

Architecture portfolios ✦ Interior projects ✦ Photography collections ✦ Design studios ✦ Creative archives ✦ Fashion lookbooks ✦ Art showcases ✦ Material studies

📱 Responsive by default

Images scale to fit your frame height across Desktop, Tablet and Mobile. Horizontal scrolling and touch navigation keep the gallery easy to explore at different screen sizes.

🖱 Included interactions

Drag & swipe ✦ Horizontal scrolling ✦ Keyboard navigation ✦ Navigation arrows ✦ Image links ✦ Hover-reveal CTA buttons ✦ Subtle image zoom ✦ Cursor-following light effects ✦ Smooth hover transitions

🔗 Live Preview

https://good-cylinder-822043.framer.app/

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!

5a:[["$","$L5d",null,{"post":{"id":"01a0c06b-c971-721b-996b-bf6e5b2a66ec","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","name":"felix strobel","slug":"fs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8eL7p1YBts4FVGgPgwpi","resolved":true,"title":"Gallery Wall","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"✦ Give your images room to be explored.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create an interactive gallery wall with a staggered layout, clean edges and subtle hover effects. Drag or scroll to explore your images and click to discover more. Make it completely your own with flexible controls for layout, styling and motion :)"}]},{"type":"customHeading","content":[{"type":"text","text":"⚙ What you can customize","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Easily adapt every part of the component to match your own brand and style."}]},{"type":"paragraph","content":[{"type":"text","text":"Images ✦ Titles ✦ Links ✦ Button labels ✦ Button colors ✦ Image size ✦ Image spacing ✦ Padding ✦ Background color ✦ Text color ✦ Image numbers ✦ Index visibility ✦ Navigation visibility ✦ Hover zoom ✦ Hover light color & intensity ✦ Animation duration"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Architecture portfolios ✦ Interior projects ✦ Photography collections ✦ Design studios ✦ Creative archives ✦ Fashion lookbooks ✦ Art showcases ✦ Material studies"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" Responsive by default","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Images scale to fit your frame height across Desktop, Tablet and Mobile. Horizontal scrolling and touch navigation keep the gallery easy to explore at different screen sizes."}]},{"type":"customHeading","content":[{"type":"text","text":"🖱 Included interactions","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Drag & swipe ✦ Horizontal scrolling ✦ Keyboard navigation ✦ Navigation arrows ✦ Image links ✦ Hover-reveal CTA buttons ✦ Subtle image zoom ✦ Cursor-following light effects ✦ Smooth hover transitions"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Live Preview","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"https://good-cylinder-822043.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://good-cylinder-822043.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"––––––––"}]},{"type":"paragraph","content":[{"type":"text","text":"❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!","marks":[{"type":"bold"}]}]}]},"introduction":"An interactive canvas for your ima","slug":"gallery-wall","author":{"framerUserId":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","name":"felix strobel","slug":"fs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/01a0c06b-0b27-742e-96a9-5c874ab4356b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-20T20:04:43.945Z","updatedAt":"2026-09-20T20:04:43.945Z","publishedAt":"2026-09-20T20:04:43.943Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Gallery-wall-E6JoAc.js@8CyRPMQvcGT5f10RRfkQ","previewUrl":"https://good-cylinder-822043.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"8CyRPMQvcGT5f10RRfkQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T20:04:44.529Z","updatedAt":"2026-09-20T20:04:44.529Z","reported":false}}],"$L5f"]

Suggested for you