Cursor distortion
Moving the cursor warps or distorts elements nearby — usually images — as if a liquid force.
What you're seeing
Hover over an image and it ripples, bends, or bulges around the cursor position.
Where you'll see it
Portfolio image grids, gallery sections, hero images.
Difficulty
High — 4/5
Libraries that build it
Curtains.jsThree.jsPIXI.js
Ready to prompt — paste this into your AI coding tool
"Apply a WebGL displacement shader to the image using Curtains.js, map mouse position to uniform u_mouse, strength 0.1"