How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders
In Tutorials, by Oluwaseyi Oluwadare
Learn how to create a progressive image rotation effect with WebGL, using OGL and GLSL shaders.
slideshow
192 posts
A Visual Deconstruction of the Paffi Totem Slider
In Articles, by Luca Franceschetti
An in-depth look at the design of the Paffi Totem Slider, exploring how soft gradients, subtle lighting, and playful motion work together to create a unique and dynamic look.
Design Finds: Creative Slideshows
In Articles, by Manoela Ilic
A small collection of creative slideshow designs and animations.
Some Ideas for Fullscreen Image Slideshow Animations
In Playground, by Manoela Ilic
A collection of ideas for slideshow animations on fullscreen images.
4 Exclusive Demos: Slideshows & Typographic Animations
In Playground, by Manoela Ilic
Four distinct demos, from image slideshows to on-scroll typography and hover effects.
Fullscreen Scrolling Slideshow
In Playground, by Manoela Ilic
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.
Stack to Content Layout Transition
In Playground, by Manoela Ilic
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
Slideshow with Filter Reveal Effect
In Playground, by Manoela Ilic
A slideshow page layout with a filter enhanced navigation effect.
Create an Abstract Image Slideshow with OGL, GLSL, and GSAP
In Tutorials, by Francesco Michelini
Learn how to create a WebGL-powered image slideshow animated using a single value.
Shape Slideshow with Clip-path
In Playground, by Manoela Ilic
An experimental slideshow using clip-path to create shape transitions between slides.
Menu to Inner Page Animation with Image Grid Background
In Playground, by Manoela Ilic
A layout with a menu and background image grid that animates to an inner content page.
Diagonal Thumbnail Slideshow Animation
In Playground, by Manoela Ilic
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
Experimental Triangle Image Transitions with WebGL
In Playground, by Yuri Artiukh
Some experimental animations using triangles for image transitions with WebGL.
A Glitchy Grid Layout Slideshow
In Playground, by Manoela Ilic
An experimental grid slideshow with a stack-like navigation and glitch effect.
How to Create a Physics-based 3D Cloth with Cannon.js and Three.js
In Tutorials, by Arno Di Nunzio
Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect.
Creative WebGL Image Transitions
In Playground, by Yuri Artiukh
A set of interesting looking image transitions including distortion and warp effects made with WebGL.
Making Gooey Image Hover Effects with Three.js
In Tutorials, by Arno Di Nunzio
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
React Slider with Parallax Hover Effects
In Tutorials, by Ryan Mulligan
Walk through the build of a React slider and learn how to implement a parallax hover effect.
