Step into the future of web design with Lumix 3D, the flagship Framer component designed for creators who demand more than flat, 2D layouts. This engine doesn't just display media; it creates a living, breathing digital installation within your website.
Lumix 3D allows you to instantly toggle between three distinct spatial formations, each optimized for different storytelling needs:
- Cylinder Reality: A classic, high-end carousel reimagined in 3D space. Perfect for product features where horizontal clarity is key.
- Helix Reality: A mesmerizing vertical spiral that guides the user through your work like a DNA strand of creativity.
- Sphere Reality: The ultimate global orbit. Your media forms a floating planetarium of assets that users can spin in any direction.
Built on a custom kinetic momentum engine, Lumix 3D provides a tactile experience that feels organic. When a user swipes, the gallery doesn't just move; it glides with simulated friction and inertia, coming to a natural, cushioned stop.
We have solved the primary pain point of 3D carousels: Mobile Scroll Collision. Using specialized `pan-y` logic and high-fidelity touch listeners, Lumix identifies when a user wants to spin the gallery versus when they want to scroll down the page, ensuring a frustration-free experience on iPhone and Android devices.
The built-in color-extraction engine (Aura V2) automatically analyzes every image or video you upload. It identifies the dominant hex code and generates a real-time ambient glow (backlight) that follows the card as it moves. This creates a deep sense of immersion, making your media feel like it is emitting light into the digital void.