Infinite 3D Carousel
Use Cases
Portfolio Showcases: Displaying creative work with a unique, non-linear spatial depth.
Brand Lookbooks: Creating immersive, interactive galleries for fashion or product photography.
Hero Sections: Engaging users immediately with a high-impact, interactive 3D visual element.
Dynamic Backgrounds: Using the auto-scroll feature to create a living, moving image wall.
Key Features
Infinite WebGL Loop: Seamlessly tiles images in a 3D coordinate system with no visible start or end.
Organic Scattering: Customizable Y-axis stagger and Z-axis depth (overlap) for a "floating" aesthetic.
Elastic Physics: Dynamic scaling effect where images "stretch" based on scroll velocity and momentum.
Procedural Variation: Built-in randomization for aspect ratios and sizes to avoid repetitive grid patterns.
Multi-Input Interaction: Supports mouse dragging, touch gestures, and scroll wheel with adjustable damping.
Performance Optimized: Uses a shared texture loader and automatic memory disposal to ensure smooth 60 FPS performance.
Full Framer Control: Deep integration with Framer property controls for FOV, rotation, speed, and spacing.
Mariam Munawar
