Animated Fragment Slideshow
by Luis Manuel
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
+ more#slideshow
Slice Revealer
by Mary Lou
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments.
+ more
Decorative Letter Animations
by Mary Lou
Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.
+ more
Creative SVG Strokes Animation
A creative strokes animation of a bike illustration powered by SVG and GSAP.
+ more
Animated SVG Frame Slideshow
by Mary Lou
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.
+ more
Liquid Distortion Effects
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
+ more
Sliced Dual Image Layout
by Mary Lou
Some layouts with sliced background images, slideshow functionality and glitch effect.
+ more
Animated Image Pieces
by Mary Lou
A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js.
+ more
CSS Grid Layout Slideshow
by Mary Lou
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
+ more
Mirror Effect
by Mary Lou
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 s
+ more
Transition Effect with CSS Masks
A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!
+ more
Multi-Layout Slideshow
by Mary Lou
A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.
+ more
Item Reveal Animations with SVG
by Mary Lou
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.
+ more
Elastic Circle Slideshow
by Mary Lou
A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot "Mobile Commerce Interface" by Bilal Mec
+ more
Interactive Room Display
by Mary Lou
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
+ more
Zoom Slider
by Mary Lou
A simple content slider with depth-like zoom functionality for a predefined area in each slide.
+ more
Color Extraction Effect
by Mary Lou
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
+ more
Prism Effect Slider with Canvas
A tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
+ more