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 →

Transition Effect with CSS Masks

A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!

Transition Effect with CSS Masks was written by Robin Delaporte and published on Codrops.

Read more →

Multi-Layout Slideshow

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Multi-Layout Slideshow was written by Mary Lou and published on Codrops.

Read more →

Elastic Circle Slideshow

A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot “Mobile Commerce Interface” by Bilal Mechairia.

Elastic Circle Slideshow 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