Mouse Distortion

Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals.

Unlock entire Depth library for $149. One price. Lifetime. Get Depth Make your images react to the cursor. Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals. Four distinct distortion styles and a deep set of physics controls let you go from a subtle lens to liquid, glass-like chaos. How to use Add your image, pick an Effect — Chromatic, Lens, Scatter, or Wake — and choose when it reacts: on hover, while dragging, or always. Then shape the feel: Strength, Core Size, and Falloff control the distortion area; Velocity, Follow, Trail Length, and Elasticity control how it chases the cursor. Refraction and Edge Fragility push the glassy look further, Click Ripple adds a pulse on every click, and Flow Tint lets the distortion glow in the image's own colors or a custom one. Features Four distortion effects: chromatic, lens, scatter, and wake Hover, drag, or always-on interaction modes Adjustable strength, core size, and falloff Cursor physics: velocity, follow, trail length, and elasticity Refraction and edge fragility for glass-like looks Click ripple pulse Flow tint from the image or a custom color Corner radius, background color, and custom cursor Touch support on mobile Built-in reduced-motion option Static-friendly rendering on the canvas and export Works as a section, frame, or full-page element Responsive across desktop, tablet, and mobile No setup or coding required Refund Policy: Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com

images react to the cursor