Hey Framer community! 👋

I built an Infinite 3D Tunnel Gallery inspired by high-fashion lookbooks and indie record label sites. Media flows endlessly along two opposing angled walls with smooth momentum physics and mouse tilt.

✨ Highlights:

Unlimited Images & Videos: Upload as many files as you want directly through Framer’s file picker.

Natural Fit (No Cropping): Photos and videos keep their true native proportions across varied collage scale sizes.

Flow Direction: Choose whether items cruise towards or away from the camera.

Interactive 3D Physics: Silky-smooth drag/wheel momentum, speed-tilt, and 3D hover pop.

Transparent & Lightweight: Blends seamlessly into any background. 60 FPS vanilla Three.js with strict WebGL cleanup and static SSR fallbacks.

How to use: Drop the code component into your project, add your media in the properties panel, and customize the tunnel width, speed, and gap.

Here's the link of the component: https://framer.link/sXup46T

Enjoy, and let me know what you build with it! 🚀

Hey Framer community! 👋

I built an Infinite 3D Tunnel Gallery inspired by high-fashion lookbooks and indie record label sites. Media flows endlessly along two opposing angled walls with smooth momentum physics and mouse tilt.

✨ Highlights:

Unlimited Images & Videos: Upload as many files as you want directly through Framer’s file picker.

Natural Fit (No Cropping): Photos and videos keep their true native proportions across varied collage scale sizes.

Flow Direction: Choose whether items cruise towards or away from the camera.

Interactive 3D Physics: Silky-smooth drag/wheel momentum, speed-tilt, and 3D hover pop.

Transparent & Lightweight: Blends seamlessly into any background. 60 FPS vanilla Three.js with strict WebGL cleanup and static SSR fallbacks.

How to use: Drop the code component into your project, add your media in the properties panel, and customize the tunnel width, speed, and gap.

Here's the link of the component: https://framer.link/sXup46T

Enjoy, and let me know what you build with it! 🚀