Back to library

Preview of webGLImageTransitions

GitHub

Shaders, WebGL & Creative Coding · WebGL image effects

webGLImageTransitions

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

Why it’s a gem
Copy-paste transition shaders from a creative dev who explains every line on stream.

Visit github.com

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

webgl transitions shaders slideshow

More from WebGL image effects

Preview of webgl-mouseover-effects

webgl-mouseover-effects

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

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.