About this Component
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
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
