Hero slider animation with SVG

A tutorial for creating a full page slider with animated SVG elements used as transition effects. Coded by the guys behind CodyHouse.

Hero slider animation with SVG

Zoom slider on mockup devices

A tutorial about creating a zoom slider on mockup devices (iPhone, iPad, MacBook, iMac and Apple Watch) by Codrops.

Zoom slider on mockup devices

Page scroll effects

A mini-library including 8 page scroll effects you can use for your silders. A little gem by CodyHouse.

Page scroll effects

jQuery Hero Slider

A full-width, responsive and easy to customise slideshow built with jQuery. A tutorial by Codyhouse.

jQuery Hero Slider

Ideal Image Slider

Ideal Image Slider is a Vanilla JS slider providing the right amount of features, with no bloat and be easy to extend.

Ideal Image Slider

CSS3 flipping circle slideshow

Today Codrops wants to share another awesome CSS tutorial: a simple and fun CSS circular slideshow with you.

CSS3 flipping circle slideshow

CSS + jQuery simple multi-item slider

Today we have found an awesome tutorial on Codrops. It is a CSS + jQuery simple multi-item slider for a minimal online store.

CSS + jQuery simple multi-item slider

CSS3 Metro testimonial slider

Do you remember Metro testimonial PSD? Well Sara Soueidan has coded it creating an awesome CSS3-only snippet called CSS3 testimonial slider.

CSS3 Metro testimonial slider

Slit Slider CSS snippet

Slit Slider is a CSS slideshow with a twist: the current slide is “cut open” into two slices and moved away, revealing the next or previous.

Slit slider revised CSS snippet

Vertical showcase slider CSS

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions, using jQuery and CSS.

CSS jQuery vertical showcase slider