Design Finds: Creative Slideshows
In Articles by Manoela Ilic
A small collection of creative slideshow designs and animations.
#slideshow
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.
Crossroads Slideshow
In Playground by Manoela Ilic
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Text Trail Effect
In Playground by Manoela Ilic
A text trail effect for a slideshow inspired by the “Abstract is hiring” Dribbble shot.
