Back to library

Preview of webgl-mouseover-effects

GitHub

Shaders, WebGL & Creative Coding · WebGL image effects

webgl-mouseover-effects

Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.

Why it’s a gem
Reference implementation of the hover effect everyone else tries to reverse-engineer.

Visit github.com

Author: Yuri Artiukh (@akella)
Type: GitHub repository
License: MIT
Added: Aug 17, 2026
Domain: github.com

webgl hover shaders images

More from WebGL image effects

Preview of webGLImageTransitions

webGLImageTransitions

Collection of WebGL slideshow transition shaders between images, with displacement, wave and threshold variants.

Preview of REACT-VFX

REACT-VFX

React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.

Preview of VFX-JS

VFX-JS

Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.

Preview of curtains.js

curtains.js

Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.