Infinite Tunnel is a true 3D flight through an endless tunnel of image cards for Framer. Your images fly toward the camera out of the depth, and the tunnel loops forever as you scroll or drag, recycling cards seamlessly so it never runs out.
It is built on real browser perspective, so the depth is genuine 3D, not scaled flat images. No three.js, no GSAP, no libraries.
Spiral, a helix that twists into a vortex as cards approach.
Corridor, cards on the four walls of a hallway you fly down.
Scatter, a loose cloud drifting past on both sides.
Scroll to fly, drag up and down to fly forward and back, or set a constant auto fly. All three can be on at once. A short press without moving clicks the card under the cursor and follows its link.
Depth sets the lens, Twist winds the spiral or rolls the field, and Mouse Sway tilts the tunnel toward the cursor. Fog fades the far end into the background, Motion Blur streaks the fast flight, and a Vignette holds the eye on the centre.
Add cards by hand, each with an image, a caption, and a link, or drop a Collection List into the slot: image becomes the card, the first text becomes the caption, and the row link is followed on click. A few images cycle to fill the tunnel, and it ships with Framer hosted placeholders so it looks complete on drop in.
Grouped for clarity: Source, Layout, Motion, Camera, Effects, and Style. Every control carries its own one line description in the panel.
A true 3D infinite tunnel of image cards with three arrangements, scroll and drag and auto flight, depth fog, motion blur, mouse sway, a vignette, manual or CMS data, keyboard-accessible click through links, no npm dependencies, a calm static preview, and free updates within the version.
Infinite Tunnel is a true 3D flight through an endless tunnel of image cards for Framer. Your images fly toward the camera out of the depth, and the tunnel loops forever as you scroll or drag, recycling cards seamlessly so it never runs out.
It is built on real browser perspective, so the depth is genuine 3D, not scaled flat images. No three.js, no GSAP, no libraries.
Spiral, a helix that twists into a vortex as cards approach.
Corridor, cards on the four walls of a hallway you fly down.
Scatter, a loose cloud drifting past on both sides.
Scroll to fly, drag up and down to fly forward and back, or set a constant auto fly. All three can be on at once. A short press without moving clicks the card under the cursor and follows its link.
Depth sets the lens, Twist winds the spiral or rolls the field, and Mouse Sway tilts the tunnel toward the cursor. Fog fades the far end into the background, Motion Blur streaks the fast flight, and a Vignette holds the eye on the centre.
Add cards by hand, each with an image, a caption, and a link, or drop a Collection List into the slot: image becomes the card, the first text becomes the caption, and the row link is followed on click. A few images cycle to fill the tunnel, and it ships with Framer hosted placeholders so it looks complete on drop in.
Grouped for clarity: Source, Layout, Motion, Camera, Effects, and Style. Every control carries its own one line description in the panel.
A true 3D infinite tunnel of image cards with three arrangements, scroll and drag and auto flight, depth fog, motion blur, mouse sway, a vignette, manual or CMS data, keyboard-accessible click through links, no npm dependencies, a calm static preview, and free updates within the version.
Harsh Upadhyay
