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.
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
Hero sections
Portfolios
Product presentations
Editorial layouts
Motion-driven interfaces
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!
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.
Initial release
Fixed transitions and reset behavior for component variant switching
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
Arkuš Design
