SiteShaders, WebGL & Creative Coding · WebGL image effects
React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.
Why it’s a gem
One component prop turns any React element into a shader-distorted one.
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.
Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.
Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.