12 JavaScript Image Sliders
Collection of free HTML, CSS and JavaScript Image sliders examples. Hand-Picked from codepen.io and other resources.
1. Information Card Slider
Made with: Html (Pug) / CSS (SCSS) / JS
Created by Andy Tran, CreatedAt November 23, 2015
Responsive : no
Dependencies : jQuery.js, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
2. Minimal Image Slider
Made with: Html / CSS (SCSS) / JS
Created by Yasin B. Kalkan, CreatedAt February 15, 2016
Responsive : no
Dependencies : Google Fonts, Font-Awesome.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
3. Image Slider with Masking Effect
Made with: Html (Pug) / CSS (SCSS) / JS
Created by Bhakti Pasaribu, CreatedAt March 31, 2016
Responsive : no
Dependencies : Google Fonts, ionicons.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
4. CSS only image slider
Made with: Html / CSS (SCSS) / JS
Created by Damián Muti, CreatedAt July 8, 2017
Responsive : yes
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
5. Flexbox Image Slider
Made with: Html / CSS (SCSS) / JS
Created by Katherine Kato, CreatedAt August 3, 2017
Responsive : yes
Dependencies : ionicons.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
6. Responsive Image Slider
Made with: Html / CSS / JS
Created by David Fitas, CreatedAt January 5, 2016
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
7. Responsive Slideshow
Made with: Html / CSS (SCSS)
Created by Trung Vo, CreatedAt August 4, 2016
Responsive : yes
Dependencies : Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
8. 3D Image Slider
Made with: Html / CSS / JS
Created by codefactory, CreatedAt February 9, 2013
Responsive : yes
Dependencies : jquery.slicebox.js, Slicebox.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
9. Image Slider
Made with: Html / CSS / JS
Created by Vikram⚡️, CreatedAt August 10, 2020
Responsive : no
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
10. Card slider
Made with: Html / CSS / JS
Created by sagar mistry, CreatedAt March 18, 2020
Responsive : no
Dependencies : Owl-Carousel.css, Owl-Carousel.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
11. Expandable Animated Card Slider
Made with: Html / CSS / JS
Created by Yudiz Solutions Pvt. Ltd., CreatedAt December 23, 2020
Responsive : yes
Dependencies : Owl-Carousel.css, bootstrap.css, Owl-Carousel.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
12. Flipping Card Slider
Made with: Html / CSS (SCSS) / JS
Created by Jesús Castro, CreatedAt September 24, 2018
Responsive : yes
Dependencies : slick.css, slick.js, web-animations.js, smooth-scrollbar.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari