5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:T917,

About

Dome Gallery Pro brings a smooth, curved 3D poster wall experience directly into your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to give your visitors an interactive way to explore images and media. With custom lens controls, smooth motion physics, and interactive focus states, this component gives your site an instant high end feel without touching any code.

What it does

Renders a dynamic 3D curved grid that holds multiple media cards. It seamlessly handles smooth scrolling and dragging motions across the wall. Clicking on any card triggers a fluid focus animation that zooms into the image while displaying a customizable info panel with extra details. You can easily feed image arrays into the media control and adjust grid layouts on the fly.

What you can customize

Cards & Media: Easily upload image items or connect custom data source objects to power the wall content.
Grid Layout: Toggle orientation modes like Portrait, adjust item size, tweak column counts, and control grid spacing.
Lens Effect: Fine tune the curvature intensity, perspective depth, and distortion properties to shape the dome look.
Focus & Click: Set custom zoom scale, zoom speed, and offset values when visitors click to inspect a card.
Info Panel: Control panel visibility states, expand animations, and adjust drawer width for details.
Motion & Appearance: Tweak friction, momentum, drag physics, border radius, and overall component styling.

Great for

Creative agency portfolio showcases
Photography and artwork galleries
Product feature walls and showcases
Interactive hero sections on landing pages
Event posters and media archives

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

59:[["$","$L5c",null,{"post":{"id":"019f9720-9ca6-72ea-8632-17363f39a74f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj dilshan","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"HGtG2bpsM3vzeEO4doq6","resolved":true,"title":"ParallaxScrollGaller","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Dome Gallery Pro brings a smooth, curved 3D poster wall experience directly into your Framer projects. Drop it into a hero section, portfolio showcase, or creative gallery to give your visitors an interactive way to explore images and media. With custom lens controls, smooth motion physics, and interactive focus states, this component gives your site an instant high end feel without touching any code."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a dynamic 3D curved grid that holds multiple media cards. It seamlessly handles smooth scrolling and dragging motions across the wall. Clicking on any card triggers a fluid focus animation that zooms into the image while displaying a customizable info panel with extra details. You can easily feed image arrays into the media control and adjust grid layouts on the fly."}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards & Media:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily upload image items or connect custom data source objects to power the wall content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle orientation modes like Portrait, adjust item size, tweak column counts, and control grid spacing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lens Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Fine tune the curvature intensity, perspective depth, and distortion properties to shape the dome look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus & Click:","marks":[{"type":"bold"}]},{"type":"text","text":" Set custom zoom scale, zoom speed, and offset values when visitors click to inspect a card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Info Panel:","marks":[{"type":"bold"}]},{"type":"text","text":" Control panel visibility states, expand animations, and adjust drawer width for details."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & Appearance:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak friction, momentum, drag physics, border radius, and overall component styling."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolio showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography and artwork galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product feature walls and showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections on landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event posters and media archives"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Interactive 3D curved poster wall","slug":"parallaxscrollgaller","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj dilshan","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/019f9720-7b17-774f-b028-55d685c9c2d1.png"}],"post":null,"createdAt":"2026-07-25T02:35:24.397Z","updatedAt":"2026-08-28T03:29:57.759Z","publishedAt":"2026-07-25T02:35:24.394Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://parallaxscrollgallerypro.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_wsBD7NST9ybO08xCotqSQQZt53pTQEhIatHKD1S9wU5","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"AQWGcrnqPe9qh4izMZ4Q"}}],"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-07-25T02:35:24.710Z","updatedAt":"2026-07-25T02:35:24.710Z","reported":false}}],"$L5e"]

Suggested for you