Floating Parallax

Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts.

Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts. It responds to cursor movement with smooth, natural motion, subtly shifting elements to create a sense of dimensionality. Without requiring rigid structures or manual setup, it integrates seamlessly into your composition — turning static layouts into responsive, immersive scenes. Carefully balanced between control and simplicity, it allows you to craft anything from minimal micro-interactions to rich, layered visuals. Features Real-time cursor-driven movement Smooth, physics-inspired motion Precise control over movement and intensity Optional 3D tilt with adjustable perspective Support for layered (multi-depth) compositions Works across viewport or within a container Optional reset on interaction end Designed for smooth, responsive performance Use Cases Hero sections Portfolios Product presentations Editorial layouts Motion-driven interfaces How It Works Place Floating Parallax inside a frame. Add other elements in the same container. The component will automatically target the sibling layers of that frame. Adjust distance, tilt, and tracking settings in the properties panel. Preview the page and move the cursor to see the parallax effect. No manual wiring or layer selection required! Notes Optimized for desktop pointer interactions. Touch devices automatically disable the effect for better performance. Several Floating Parallax components can stack on the same layout without interfering with each other. Changelog v1.0 Initial release v1.1 Fixed transitions and reset behavior for component variant switching Refund Policy Due to the nature of digital products, we do not offer refunds. Once a component is purchased, it cannot be returned. Please review the details before purchasing. If you need any clarification about the component, happy to help beforehand: hello-arkus[at]protonmail[dot]com

All-in-One Parallax Engine.