5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.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/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T91f,

DepthLoop Gallery

Live Preview

Explore DepthLoop Gallery in action before adding it to your project.

Preview: https://goodness-badger-090727.framer.app/

About the Component

DepthLoop Gallery is a premium 3D gallery component for Framer featuring multiple immersive layouts, smooth spring animations, and seamless infinite looping. Designed for modern websites, it brings images and videos to life with cinematic depth and interactive motion.

Perfect for SaaS, AI startups, portfolios, product showcases, case studies, hero sections, and creative brands.

Why You'll Love It

Multiple 3D gallery layouts
Infinite looping animation
Drag, wheel & keyboard navigation
Hover-to-play videos
Smooth spring animations
Autoplay with smart pause
Fully responsive
Lightweight & performance optimized
Built exclusively for Framer

Perfect For

SaaS Websites
AI Startups
Portfolio Galleries
Product Showcases
Case Studies
Hero Sections
Media Presentations
Creative Brands

Customization

Customize everything directly from Framer's Properties Panel:

3D layout presets
Rotation & depth
Colors & styling
Navigation controls
Hover interactions
Autoplay settings
Responsive behavior

Need Help?

Email: workwithsameer21@gmail.com

Book a Call: https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true

Follow on X: https://x.com/_sameerrr0

5a:[["$","$L5d",null,{"post":{"id":"019e98a8-99f2-7071-8457-32e0c1c105d0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c90db83d-eea5-4080-b136-e7529e97e2b4","name":"SAMEER","slug":"sameer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30930/avatar-JRmdsDqtewd6AUgD9lc689JAQFR6F1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VfIaTJGuppBT2AmAPbvK","resolved":true,"title":"DepthLoop Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"DepthLoop Gallery"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Live Preview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Explore "},{"type":"text","text":"DepthLoop Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" in action before adding it to your project."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://goodness-badger-090727.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://goodness-badger-090727.framer.app/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"About the Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"DepthLoop Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium 3D gallery component for Framer featuring multiple immersive layouts, smooth spring animations, and seamless infinite looping. Designed for modern websites, it brings images and videos to life with cinematic depth and interactive motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"SaaS, AI startups, portfolios, product showcases, case studies, hero sections, and creative brands","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Why You'll Love It"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple 3D gallery layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite looping animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag, wheel & keyboard navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-to-play videos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth spring animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay with smart pause"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & performance optimized"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built exclusively for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI Startups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case Studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media Presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Brands"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Customize everything directly from Framer's Properties Panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D layout presets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotation & depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors & styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive behavior"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"workwithsameer21@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:workwithsameer21@gmail.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Book a Call:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow on X:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://x.com/_sameerrr0","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/_sameerrr0","target":"_blank"}}]}]}]},"introduction":"Cinematic 3D looping carousel","slug":"depthloop-gallery","author":{"framerUserId":"c90db83d-eea5-4080-b136-e7529e97e2b4","name":"SAMEER","slug":"sameer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30930/avatar-JRmdsDqtewd6AUgD9lc689JAQFR6F1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VfIaTJGuppBT2AmAPbvK/depthloop-gallery-f47BdGqv5EMGG4kQggqG2MhPhEaG3y","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-26T16:50:14.733Z","updatedAt":"2026-07-29T17:18:50.514Z","publishedAt":"2026-06-05T16:40:46.834Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://depthloopgallery.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_CyMVxtH28OFfOwOmjQqPNHVeh2qbwG0VjJiT62JUoS7","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ZSkSSxftqwxH4O1xIEWO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T16:40:46.834Z","updatedAt":"2026-06-05T16:40:46.834Z","reported":false}}],"$L5f"]

Suggested for you