25+ jQuery Carousels - Free Code + Demos

Collection of 25+ jQuery Carousels. All items are 100% free and open-source.

1. Variable Fonts Experiment

jQuery Carousels - Variable Fonts Experiment
Author: Supremo (SupremoHQ)
Created on: September 6, 2019
Made with: HTML, CSS, JS

2. Agency Website POC

jQuery Carousels - Agency website POC
A concept that was rejected by the client. Serves as a demo only and not to be put into production. Not responsive as just a POC No likey. No lighty
Author: Jamie Coulter (jcoulterdesign)
Created on: May 30, 2019
Made with: Haml, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Haml
Tags: portfolio, concept, ui, slider, agency

3. Horizontal Scroll Containers Mobile & Desktop - Spotify Style

jQuery Carousels - Horizontal Scroll Containers Mobile & Desktop - Spotify Style
Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile.
Author: Kilian So (kilianso)
Created on: April 27, 2019
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: spotify, horizontal-scroll, slider, multi slider

4. Camera Showroom

jQuery Carousels - Camera Showroom
Simple Slider using Swiper.js
Author: januaryofmine (januaryofmine)
Created on: March 21, 2019
Made with: HTML, SCSS, JS
Tags: swiper.js, camera, background-animation, css, linear-gradient

5. Testimonial Carousel Design

jQuery Carousels - Testimonial Carousel Design
Testimonial Carousel Design with Animation with css
Author: FinByz Tech Pvt. Ltd. (finbyz)
Created on: February 23, 2019
Made with: HTML, CSS, JS
Tags: testimonial, carousel, animation, learn with finbyz, css

6. 3D Planets Directional Slider / Carousel VERSION 2

jQuery Carousels - 3D planets directional slider / carousel VERSION 2
Author: Anya Melnyk (slyka85)
Created on: December 19, 2018
Made with: HTML, CSS, Babel

7. Flipping Card Slider

jQuery Carousels - Flipping Card Slider
Author: Jesús Castro (gzuzkstro)
Created on: September 24, 2018
Made with: HTML, SCSS, JS

8. 3D Carousel With GSAP

jQuery Carousels - 3D Carousel with GSAP
Author: Cedrick (Cedrick)
Created on: June 5, 2018
Made with: HTML, Less, JS
Tags: gsap, carousel, 3d, game of throne

9. Mouse Driven Carrousel Concept

jQuery Carousels - Mouse driven carrousel concept
UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move.
Author: web-tiki (web-tiki)
Created on: May 30, 2018
Made with: HTML, CSS, JS
Tags: carrousel, ui, css, html

10. Custom Carousel

jQuery Carousels - Custom Carousel
A custom carousel created using some jQuery because it sounded fun.
Author: Collin Smith (collinscode)
Created on: April 21, 2018
Made with: Pug, Stylus, JS
CSS Pre-processor: Stylus
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: carousel, css, animation, card, jquery

11. Change Direction From Horizontal To Vertical SWIPER SLIDER

jQuery Carousels - Change direction from horizontal to vertical SWIPER SLIDER
Author: Mehul Rojasara (Mehul_Rojasara)
Created on: March 15, 2018
Made with: HTML, CSS, JS

12. Simple Photo Carousel

jQuery Carousels - Simple photo carousel
A simple carousel for photo images with parallax
Author: Alex Bratsos (slack)
Created on: September 24, 2017
Made with: HTML, SCSS, Babel

13. Vertical Carousel With TweenMax.js

jQuery Carousels - Vertical carousel with TweenMax.js
Author: Danil Goncharenko (Danil89)
Created on: August 15, 2017
Made with: HTML, Sass, JS
Tags: vertical, tweenmax, animation, carousel

14. Slick Carousel

the last carousel you'll ever need
Created on: March 23, 2014

15. Owl Carousel JQuery

jQuery Carousels - Owl Carousel JQuery
DEPRECATED jQuery Responsive Carousel.
Created on: April 14, 2014

16. JQuery Carousel (Slider)

jQuery Carousels - jQuery carousel (Slider)
Full height carousel using jQuery, Jade for HTML and SCSS
Author: Alexander Lyulko (alexlyul)
Created on: January 10, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: carousel, slider, jquery, scss, image

17. Distrelec - Testimonials Carousel

jQuery Carousels - Distrelec - Testimonials Carousel
A Distrelec testimonials carousel to be slotted in the middle of campaign pages.
Author: Aaron (ej33t)
Created on: June 22, 2020
Made with: HTML, SCSS, JS
Tags: distrelec, carousel, slick

18. Carousel JQuery

jQuery Carousels - Carousel JQuery
Author: Susan (SusanLi)
Created on: November 30, 2015
Made with: HTML, CSS, JS

19. Material Inspried Card Slider

jQuery Carousels - Material Inspried Card Slider
Author: MAHESH AMBURE (maheshambure21)
Created on: December 11, 2015
Made with: HTML, CSS, JS
Tags: material card, cards, slider

20. Card-o-sel Or Thumbnail Slider

jQuery Carousels - Card-o-sel or Thumbnail Slider
Author: Pete (peterbenoit)
Created on: October 4, 2017
Made with: HTML, SCSS, JS

21. Simple JQuery Responsive Slider / Carousel

jQuery Carousels - Simple jQuery responsive Slider / Carousel
It's a very simple jQuery responsive slider / carousel / Image gallery. Not too much codes, not too complicated. Simply copy and paste the codes and it will blend with any layout.
Author: Mamun Khandaker (kh-mamun)
Made with: HTML, CSS, JS
Tags: very simple jquery responsive slider, very simple jquery responsive carousel, very simple jquery responsive image gallery, easy responsive image slider, easy image gallery

22. FlexBox Image Carousel

jQuery Carousels - FlexBox Image Carousel
A simple images carousel using FlexBox layout and jquery
Author: Veronica (veronicadev)
Created on: April 29, 2018
Made with: HTML, CSS, JS
Tags: flexbox, jquery, slider, carousel

23. Split 3D Carousel

jQuery Carousels - Split 3D Carousel
A new spin on the carousel pattern with a split panel transition in three dimensions.
Author: Paul Noble (paulnoble)
Created on: November 7, 2016
Made with: HTML, Stylus, Babel
Tags: 3d, carousel, transition

24. Owl Carousel - Full Width/height

jQuery Carousels - Owl Carousel - Full width/height
Author: Ingvi (ingvi)
Created on: September 1, 2015
Made with: HTML, SCSS, JS
Tags: owl carousel, slider, full-height

jQuery Carousel Examples

1. Variable Fonts Experiment

jQuery Carousels - Variable Fonts Experiment
Author: Supremo (SupremoHQ)
Created on: September 6, 2019
Made with: HTML, CSS, JS

2. Agency Website POC

jQuery Carousels - Agency website POC
A concept that was rejected by the client. Serves as a demo only and not to be put into production. Not responsive as just a POC No likey. No lighty
Author: Jamie Coulter (jcoulterdesign)
Created on: May 30, 2019
Made with: Haml, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Haml
Tags: portfolio, concept, ui, slider, agency

3. Horizontal Scroll Containers Mobile & Desktop - Spotify Style

jQuery Carousels - Horizontal Scroll Containers Mobile & Desktop - Spotify Style
Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile.
Author: Kilian So (kilianso)
Created on: April 27, 2019
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: spotify, horizontal-scroll, slider, multi slider

4. Camera Showroom

jQuery Carousels - Camera Showroom
Simple Slider using Swiper.js
Author: januaryofmine (januaryofmine)
Created on: March 21, 2019
Made with: HTML, SCSS, JS
Tags: swiper.js, camera, background-animation, css, linear-gradient

5. Testimonial Carousel Design

jQuery Carousels - Testimonial Carousel Design
Testimonial Carousel Design with Animation with css
Author: FinByz Tech Pvt. Ltd. (finbyz)
Created on: February 23, 2019
Made with: HTML, CSS, JS
Tags: testimonial, carousel, animation, learn with finbyz, css

6. 3D Planets Directional Slider / Carousel VERSION 2

jQuery Carousels - 3D planets directional slider / carousel VERSION 2
Author: Anya Melnyk (slyka85)
Created on: December 19, 2018
Made with: HTML, CSS, Babel

7. Flipping Card Slider

jQuery Carousels - Flipping Card Slider
Author: Jesús Castro (gzuzkstro)
Created on: September 24, 2018
Made with: HTML, SCSS, JS

8. 3D Carousel With GSAP

jQuery Carousels - 3D Carousel with GSAP
Author: Cedrick (Cedrick)
Created on: June 5, 2018
Made with: HTML, Less, JS
Tags: gsap, carousel, 3d, game of throne

9. Mouse Driven Carrousel Concept

jQuery Carousels - Mouse driven carrousel concept
UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move.
Author: web-tiki (web-tiki)
Created on: May 30, 2018
Made with: HTML, CSS, JS
Tags: carrousel, ui, css, html

10. Custom Carousel

jQuery Carousels - Custom Carousel
A custom carousel created using some jQuery because it sounded fun.
Author: Collin Smith (collinscode)
Created on: April 21, 2018
Made with: Pug, Stylus, JS
CSS Pre-processor: Stylus
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: carousel, css, animation, card, jquery

11. Change Direction From Horizontal To Vertical SWIPER SLIDER

jQuery Carousels - Change direction from horizontal to vertical SWIPER SLIDER
Author: Mehul Rojasara (Mehul_Rojasara)
Created on: March 15, 2018
Made with: HTML, CSS, JS

12. Simple Photo Carousel

jQuery Carousels - Simple photo carousel
A simple carousel for photo images with parallax
Author: Alex Bratsos (slack)
Created on: September 24, 2017
Made with: HTML, SCSS, Babel

13. Vertical Carousel With TweenMax.js

jQuery Carousels - Vertical carousel with TweenMax.js
Author: Danil Goncharenko (Danil89)
Created on: August 15, 2017
Made with: HTML, Sass, JS
Tags: vertical, tweenmax, animation, carousel

jQuery Carousel Plugins

1. Slick Carousel

the last carousel you'll ever need
Created on: March 23, 2014

2. Owl Carousel JQuery

jQuery Carousels - Owl Carousel JQuery
DEPRECATED jQuery Responsive Carousel.
Created on: April 14, 2014