GitHubShaders, WebGL & Creative Coding · WebGL image effects
Image slider and carousel drawn by shaders on WebGPU with WebGL 2 fallback; pointer-following transitions, spring motion, lazy loading and real HTML text over the canvas.
Why it’s a gem
Shader transitions in a 4.7 KB core, with everything else as optional plugins.
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.
Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.