Use Cases
Immersive Hero Sections: Create a high-impact first impression with a rotating 3D media gallery.
Portfolio Showcases: Display project screenshots or videos in a continuous, interactive loop.
Dynamic Brand Walls: Feature logo patterns or product highlights with atmospheric fog effects.
Features
Hybrid Media Support: Seamlessly mix uploaded images and MP4/MOV videos in one gallery.
Physics-Based Interaction: Features smooth drag-to-rotate with adjustable damping for a premium "weighty" feel.
Fully Parametric 3D Space: Control the curve radius, item dimensions, camera FOV, and yaw directly from the Framer UI.
Atmospheric Depth: Integrated Fog Fade system to naturally blend items into the background as they move away.
Performance Optimized: Uses an Intersection Observer to pause rendering when the component is off-screen.
Smart Auto-Play: Smooth continuous rotation that intelligently pauses during manual user interaction.
Use Cases
Immersive Hero Sections: Create a high-impact first impression with a rotating 3D media gallery.
Portfolio Showcases: Display project screenshots or videos in a continuous, interactive loop.
Dynamic Brand Walls: Feature logo patterns or product highlights with atmospheric fog effects.
Features
Hybrid Media Support: Seamlessly mix uploaded images and MP4/MOV videos in one gallery.
Physics-Based Interaction: Features smooth drag-to-rotate with adjustable damping for a premium "weighty" feel.
Fully Parametric 3D Space: Control the curve radius, item dimensions, camera FOV, and yaw directly from the Framer UI.
Atmospheric Depth: Integrated Fog Fade system to naturally blend items into the background as they move away.
Performance Optimized: Uses an Intersection Observer to pause rendering when the component is off-screen.
Smart Auto-Play: Smooth continuous rotation that intelligently pauses during manual user interaction.
