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

About this Component

Create an immersive 3D image tunnel that moves smoothly through depth as you scroll.

Infinite 3D Tunnel arranges your images across repeating 3D layers, creating a continuous perspective experience with smooth inertia, responsive scaling, and subtle depth-based fades. Images entering from the back fade in naturally instead of appearing instantly, keeping the tunnel seamless and polished.

Perfect For

• Creative portfolios • Photography showcases • Agency and studio websites • Experimental landing pages • Immersive galleries • Fullscreen hero sections

Key Features

• Infinite looping 3D image tunnel • Upload up to 36 custom images • Smooth wheel and touch interaction • Responsive across desktop, tablet, and mobile • Adjustable perspective and layer spacing • Control image width, height, X/Y radius, and overall scale • Cover and contain image fitting • Custom background, overlay, and corner radius • Adjustable scroll speed, inertia, follow strength, and touch speed • Smooth depth-based fade for incoming images • Optional fixed viewport mode • Optional page scroll locking • Optimized offscreen animation handling • Static renderer support for Framer • Organized property controls • No code required

How It Works

Add your images, customize the tunnel layout and depth, then scroll to move through the gallery. Layers continuously recycle through 3D space, creating an endless tunnel while maintaining smooth momentum and responsive behavior.

Questions?

Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

5a:[["$","$L5d",null,{"post":{"id":"01a0b8bf-196c-7757-8fe7-5039f1c14022","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fcZKiB3SFiTXzhg9FD3l","resolved":true,"title":"Infinite 3D Tunnel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview demo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://complex-embeds-787417.framer.app","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"customHeading","content":[{"type":"text","text":"About this Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create an immersive 3D image tunnel that moves smoothly through depth as you scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Infinite 3D Tunnel arranges your images across repeating 3D layers, creating a continuous perspective experience with smooth inertia, responsive scaling, and subtle depth-based fades. Images entering from the back fade in naturally instead of appearing instantly, keeping the tunnel seamless and polished."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Creative portfolios • Photography showcases • Agency and studio websites • Experimental landing pages • Immersive galleries • Fullscreen hero sections"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"• Infinite looping 3D image tunnel • Upload up to 36 custom images • Smooth wheel and touch interaction • Responsive across desktop, tablet, and mobile • Adjustable perspective and layer spacing • Control image width, height, X/Y radius, and overall scale • Cover and contain image fitting • Custom background, overlay, and corner radius • Adjustable scroll speed, inertia, follow strength, and touch speed • Smooth depth-based fade for incoming images • Optional fixed viewport mode • Optional page scroll locking • Optimized offscreen animation handling • Static renderer support for Framer • Organized property controls • No code required"}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add your images, customize the tunnel layout and depth, then scroll to move through the gallery. Layers continuously recycle through 3D space, creating an endless tunnel while maintaining smooth momentum and responsive behavior."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Questions?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Reach out at "},{"type":"text","text":"hasanwali6890@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hasanwali6890@gmail.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase."}]},{"type":"paragraph"}]},"introduction":"Scroll Through Images in 3D","slug":"infinite-3d-tunnel","author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10767168-8381-4f2b-9206-2d6c344aae23/01a0b8bf-02b7-7301-832a-8ada6149eb3a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-19T08:18:46.189Z","updatedAt":"2026-09-19T22:47:12.899Z","publishedAt":"2026-09-19T08:18:46.185Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://complex-embeds-787417.framer.app","price":"11","paymentUrl":"https://contra.com/payment-link/Roz2XjGD-infinite-3-d-tunnel-scroll-through-images-in-3-d","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"DaZKNoZ62LUOf6tOdjOJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T08:18:46.764Z","updatedAt":"2026-09-19T08:18:46.764Z","reported":false}}],"$L5f"]

Suggested for you