SiteShaders, WebGL & Creative Coding · WebGL image effects
Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.
Why it’s a gem
The original DOM-to-WebGL-plane technique behind a decade of award-winning agency sites.
Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.
Collection of WebGL slideshow transition shaders between images, with displacement, wave and threshold variants.
React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.
Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.