Crossroads Slideshow
In Playground, by Manoela Ilic
An experimental slideshow with an inclined look, three slide previews and a content view on click.
slideshow
Text Trail Effect
In Playground, by Manoela Ilic
A text trail effect for a slideshow inspired by the “Abstract is hiring” Dribbble shot.
Layer Motion Slideshow
In Playground, by Manoela Ilic
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Motion Transition Effect
In Playground, by Manoela Ilic
A speedy motion transition effect for an image slideshow inspired by Gal Shir’s “Ping Pong Slow Motion” animation.
Diagonal Slideshow
In Playground, by Manoela Ilic
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
In Playground, by Manoela Ilic
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Triple Panel Reveal Slideshow
In Playground, by Manoela Ilic
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
Glitch Effect Slideshow
In Playground, by Manoela Ilic
A simple slideshow that uses the CSS Glitch Effect for the slide transitions.
Animated Fragment Slideshow
In Tutorials, by Luis Goncalves
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 interesting effects like these easily.
Slice Revealer
In Playground, by Manoela Ilic
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk’s transitions experiments.
Decorative Letter Animations
In Playground, by Manoela Ilic
Some decorative shape and letter animations based on the Dribbble shot “Us By Night” by Animography.
Creative SVG Strokes Animation
In Playground, by Alaric Baraou
A creative strokes animation of a bike illustration powered by SVG and GSAP.
Animated SVG Frame Slideshow
In Playground, by Manoela Ilic
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
In Playground, by Yannis Yannakopoulos
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
Sliced Dual Image Layout
In Playground, by Manoela Ilic
Some layouts with sliced background images, slideshow functionality and glitch effect.
Animated Image Pieces
In Playground, by Manoela Ilic
A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js.
CSS Grid Layout Slideshow
In Playground, by Manoela Ilic
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
Mirror Effect
In Playground, by Manoela Ilic
Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau’s and Method’s website. The idea is to mirror an image and animate it within the context of a slideshow.
