Mouse Distortion

Mouse Distortion

About Mouse Distortion

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