Diagonal Slideshow

A slideshow with a “diagonal” look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.

Diagonal Slideshow was written by Mary Lou and published on Codrops.

Read more →

Motion Reveal Slideshow

A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.

Motion Reveal Slideshow was written by Mary Lou and published on Codrops.

Read more →

Triple Panel Reveal Slideshow

A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.

Triple Panel Reveal Slideshow was written by Mary Lou and published on Codrops.

Read more →

Glitch Effect Slideshow

A simple slideshow that uses the CSS Glitch Effect for the slide transitions.

Glitch Effect Slideshow was written by Mary Lou and published on Codrops.

Read more →

Animated Fragment Slideshow

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.

Animated Fragment Slideshow was written by Luis Manuel and published on Codrops.

Read more →

Animated SVG Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.

Animated SVG Frame Slideshow was written by Mary Lou and published on Codrops.

Read more →

Liquid Distortion Effects

A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.

Liquid Distortion Effects was written by Yannis Yannakopoulos and published on Codrops.

Read more →

Sliced Dual Image Layout

Some layouts with sliced background images, slideshow functionality and glitch effect.

Sliced Dual Image Layout was written by Mary Lou and published on Codrops.

Read more →

CSS Grid Layout Slideshow

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.

CSS Grid Layout Slideshow was written by Mary Lou and published on Codrops.

Read more →

Mirror Effect

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.

Mirror Effect was written by Mary Lou and published on Codrops.

Read more →

Testimonials

"Kyle has helped our company’s image a lot by redesigning our logo, creating our new website and putting together some great, eye-catching ads. He’s very easy to work with and we were able to hit all of our deadlines."
Elliot Feder - Director of Business Development, SpringBoard Data Management
"Kyle has a natural talent for taking any idea I have and turning it into a visual work of art. He is a genius with layouts and overall concepts, the first person I call when I know a project needs to be done right."
Cheryl Bell, Executive Business Manager, Global Automotive Consultants