Pixels bend toward
your cursor
Move your mouse across this page. Every pixel is drawn through a WebGL shader that
warps space toward your cursor position, like a magnet pulling iron filings beneath a
thin rubber sheet.
The distortion follows a Gaussian falloff — strong at close range, tapering smoothly
to nothing. The text remains readable even under deformation.
HTML-in-Canvas API + WebGL2 shader distortion
⚡
Real-time
60fps distortion on live DOM content via texElementImage2D
🔌
Native API
No html2canvas. Browser's own rasterizer at full fidelity.
🎨
GPU Shaders
Gaussian warp + chromatic aberration in one fragment shader pass.