Create an Abstract Image Slideshow with OGL, GLSL, and GSAP
By Francesco Michelini on
Learn how to create a WebGL-powered image slideshow animated using a single value.
slideshow
Shape Slideshow with Clip-path
By Mary Lou on
An experimental slideshow using clip-path to create shape transitions between slides.
Diagonal Thumbnail Slideshow Animation
By Mary Lou on
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
Experimental Triangle Image Transitions with WebGL
By Yuriy Artyukh on
Some experimental animations using triangles for image transitions with WebGL.
A Glitchy Grid Layout Slideshow
By Mary Lou on
An experimental grid slideshow with a stack-like navigation and glitch effect.
Making Gooey Image Hover Effects with Three.js
By Arno Di Nunzio on
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
Crossroads Slideshow
By Mary Lou on
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Text Trail Effect
By Mary Lou on
A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.
Layer Motion Slideshow
By Mary Lou on
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Motion Transition Effect
By Mary Lou on
A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.
Diagonal Slideshow
By Mary Lou on
A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.
Motion Reveal Slideshow
By Mary Lou on
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Triple Panel Reveal Slideshow
By Mary Lou on
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
Glitch Effect Slideshow
By Mary Lou on
A simple slideshow that uses the CSS Glitch Effect for the slide transitions.
Animated Fragment Slideshow
By Luis Manuel on
A tutorial on how to create an experimental slideshow that animates in fragments. The slider is powered by the "Pieces" library, which was created for achieving inte
Animated SVG Frame Slideshow
By Mary Lou on
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.
Liquid Distortion Effects
By Yannis Yannakopoulos on
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
Sliced Dual Image Layout
By Mary Lou on
Some layouts with sliced background images, slideshow functionality and glitch effect.