25+ jQuery Carousels - Free Code + Demos
Collection of 25+ jQuery Carousels. All items are 100% free and open-source.
NEW
🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉
Click to visit: ApplyFox.ai
1. Variable Fonts Experiment
Author: Supremo (SupremoHQ)
Links: Source Code / Demo
Created on: September 6, 2019
Made with: HTML, CSS, JS
2. 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)
Links: Source Code / Demo
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
Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile.
Author: Kilian So (kilianso)
Links: Source Code / Demo
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
Simple Slider using Swiper.js
Author: januaryofmine (januaryofmine)
Links: Source Code / Demo
Created on: March 21, 2019
Made with: HTML, SCSS, JS
Tags: swiper.js, camera, background-animation, css, linear-gradient
5. Testimonial Carousel Design
Testimonial Carousel Design with Animation with css
Author: FinByz Tech Pvt. Ltd. (finbyz)
Links: Source Code / Demo
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
Author: Anya Melnyk (slyka85)
Links: Source Code / Demo
Created on: December 19, 2018
Made with: HTML, CSS, Babel
7. Flipping Card Slider
Author: Jesús Castro (gzuzkstro)
Links: Source Code / Demo
Created on: September 24, 2018
Made with: HTML, SCSS, JS
8. 3D Carousel With GSAP
Author: Cedrick (Cedrick)
Links: Source Code / Demo
Created on: June 5, 2018
Made with: HTML, Less, JS
Tags: gsap, carousel, 3d, game of throne
9. Mouse Driven Carrousel Concept
UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move.
Author: web-tiki (web-tiki)
Links: Source Code / Demo
Created on: May 30, 2018
Made with: HTML, CSS, JS
Tags: carrousel, ui, css, html
10. Custom Carousel
A custom carousel created using some jQuery because it sounded fun.
Author: Collin Smith (collinscode)
Links: Source Code / Demo
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
Author: Mehul Rojasara (Mehul_Rojasara)
Links: Source Code / Demo
Created on: March 15, 2018
Made with: HTML, CSS, JS
12. Simple Photo Carousel
A simple carousel for photo images with parallax
Author: Alex Bratsos (slack)
Links: Source Code / Demo
Created on: September 24, 2017
Made with: HTML, SCSS, Babel
13. Vertical Carousel With TweenMax.js
Author: Danil Goncharenko (Danil89)
Links: Source Code / Demo
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
Links: Home Page, Github Page
Created on: March 23, 2014
15. Owl Carousel JQuery
DEPRECATED jQuery Responsive Carousel.
Links: Home Page, Github Page
Created on: April 14, 2014
16. JQuery Carousel (Slider)
Full height carousel using jQuery, Jade for HTML and SCSS
Author: Alexander Lyulko (alexlyul)
Links: Source Code / Demo
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
A Distrelec testimonials carousel to be slotted in the middle of campaign pages.
Author: Aaron (ej33t)
Links: Source Code / Demo
Created on: June 22, 2020
Made with: HTML, SCSS, JS
Tags: distrelec, carousel, slick
18. Carousel JQuery
Author: Susan (SusanLi)
Links: Source Code / Demo
Created on: November 30, 2015
Made with: HTML, CSS, JS
19. Material Inspried Card Slider
Author: MAHESH AMBURE (maheshambure21)
Links: Source Code / Demo
Created on: December 11, 2015
Made with: HTML, CSS, JS
Tags: material card, cards, slider
20. Card-o-sel Or Thumbnail Slider
Author: Pete (peterbenoit)
Links: Source Code / Demo
Created on: October 4, 2017
Made with: HTML, SCSS, JS
21. 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)
Links: Source Code / Demo
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
A simple images carousel using FlexBox layout and jquery
Author: Veronica (veronicadev)
Links: Source Code / Demo
Created on: April 29, 2018
Made with: HTML, CSS, JS
Tags: flexbox, jquery, slider, carousel
23. Split 3D Carousel
A new spin on the carousel pattern with a split panel transition in three dimensions.
Author: Paul Noble (paulnoble)
Links: Source Code / Demo
Created on: November 7, 2016
Made with: HTML, Stylus, Babel
Tags: 3d, carousel, transition
24. Owl Carousel - Full Width/height
Author: Ingvi (ingvi)
Links: Source Code / Demo
Created on: September 1, 2015
Made with: HTML, SCSS, JS
Tags: owl carousel, slider, full-height
NEW
🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉
Click to visit: ApplyFox.ai
jQuery Carousel Examples
1. Variable Fonts Experiment
Author: Supremo (SupremoHQ)
Links: Source Code / Demo
Created on: September 6, 2019
Made with: HTML, CSS, JS
2. 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)
Links: Source Code / Demo
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
Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile.
Author: Kilian So (kilianso)
Links: Source Code / Demo
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
Simple Slider using Swiper.js
Author: januaryofmine (januaryofmine)
Links: Source Code / Demo
Created on: March 21, 2019
Made with: HTML, SCSS, JS
Tags: swiper.js, camera, background-animation, css, linear-gradient
5. Testimonial Carousel Design
Testimonial Carousel Design with Animation with css
Author: FinByz Tech Pvt. Ltd. (finbyz)
Links: Source Code / Demo
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
Author: Anya Melnyk (slyka85)
Links: Source Code / Demo
Created on: December 19, 2018
Made with: HTML, CSS, Babel
7. Flipping Card Slider
Author: Jesús Castro (gzuzkstro)
Links: Source Code / Demo
Created on: September 24, 2018
Made with: HTML, SCSS, JS
8. 3D Carousel With GSAP
Author: Cedrick (Cedrick)
Links: Source Code / Demo
Created on: June 5, 2018
Made with: HTML, Less, JS
Tags: gsap, carousel, 3d, game of throne
9. Mouse Driven Carrousel Concept
UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move.
Author: web-tiki (web-tiki)
Links: Source Code / Demo
Created on: May 30, 2018
Made with: HTML, CSS, JS
Tags: carrousel, ui, css, html
10. Custom Carousel
A custom carousel created using some jQuery because it sounded fun.
Author: Collin Smith (collinscode)
Links: Source Code / Demo
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
Author: Mehul Rojasara (Mehul_Rojasara)
Links: Source Code / Demo
Created on: March 15, 2018
Made with: HTML, CSS, JS
12. Simple Photo Carousel
A simple carousel for photo images with parallax
Author: Alex Bratsos (slack)
Links: Source Code / Demo
Created on: September 24, 2017
Made with: HTML, SCSS, Babel
13. Vertical Carousel With TweenMax.js
Author: Danil Goncharenko (Danil89)
Links: Source Code / Demo
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
Links: Home Page, Github Page
Created on: March 23, 2014
2. Owl Carousel JQuery
DEPRECATED jQuery Responsive Carousel.
Links: Home Page, Github Page
Created on: April 14, 2014
More Awesome Lists:
Share: