Hover Parallax Drift transforms static layouts into interactive 3D experiences. With real time mouse tracking and physics inspired motion, elements float, follow, or repel from the cursor to create a rich sense of depth and immersion.
Each item can be fully customized with independent depth, size, mass, and positioning controls. This allows you to design layered compositions that feel natural and responsive, from subtle cinematic drift to bold interactive hero sections.
Built with performance in mind, the component uses optimized motion values and spring physics to maintain smooth animation even with multiple elements on screen. Images and videos are supported, and users can click any item to open it in a fullscreen popup with a customizable close button.
Whether you are building a portfolio, product showcase, or experimental landing page, Hover Parallax Drift adds a premium interactive layer that elevates visual storytelling.
Real time mouse tracking parallax effect
Follow or repel interaction modes
Adjustable intensity and sensitivity
Per item depth and mass controls
Smooth spring based physics motion
Supports images and videos
File upload or external URL input
Click to open fullscreen popup
Customizable close button design
Optimized for smooth 60fps performance
Creative portfolio websites
Interactive hero sections
Product showcase layouts
Agency and studio websites
Web3 and tech landing pages
Experimental and immersive designs
Homepage hero sections
Brand storytelling pages
Campaign landing pages
Portfolio galleries
Product highlight sections
Immersive visual experiences