Collection
Post cover

Top 18 jQuery Carousels

Collection of free jQuery carousel examples and plugins.

Testimonials Carousel

Author: Gabriel Toledo

Links: demo and code

Made with: HTML / CSS / JS

jQuery testimonials card carousel with Owl.Carousel plugin.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, owl.carousel.css, owl.carousel.js

Modern Carousel with Flickity

Author: Radu

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

jQuery modern image carousel with Flickity.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: flickity.js

Variable Fonts Experiment

Author: Supremo

Links: demo and code

Made with: HTML / CSS / JS

A quick experiment with variable fonts. Variables fonts look to have an interesting future, providing the ability to use all variations of a typeface in a single compressed file and being able to animate between these variations.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: slick.css, jquery.js, slick.js

Portfolio Carousel

Author: Jamie Coulter

Links: demo and code

Made with: HTML (Haml) / CSS (SCSS) / JS (Babel)

Portfolio concept with carousel.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: jquery.js

Spotify Style Carousel

Author: Kilian So

Links: demo and code

Made with: HTML (Pug) / CSS (SCSS) / JS

Horizontal overflow scrolling cards in Spotify style that work on desktop and mobile.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Camera Showroom

Author: januaryofmine

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Simple carousel using Swiper.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: swiper.css, jquery.js, swiper.js

Testimonial Carousel Design

Author: FinByz Tech Pvt. Ltd

Links: demo and code

Made with: HTML / CSS / JS

Testimonial carousel design with CSS animation, Owl Carousel and jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: owl.carousel.css, jquery.js, owl.carousel.js

Directional Carousel

Author: Anya Melnyk

Links: demo and code

Made with: HTML / CSS / JS (Babel)

3D planets directional slider/carousel.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js

Flipping Card Slider

Author: Jesas Castro

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Flipping card slider in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: slick.css, slick-theme.css, jquery.js, web-animations.js, smooth-scrollbar.js, slick.js

3D Carousel with GSAP

Author: Cedrick

Links: demo and code

Made with: HTML / CSS (Less) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, tweenmax.js, splittext.js

Mouse Driven Carrousel Concept

Author: web-tiki

Links: demo and code

Made with: HTML / CSS / JS

UI test for a horizontal scroll carrousel concept. The elements scroll on mouse horizontal move.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Custom Carousel

Author: Collin Smith

Links: demo and code

Made with: HTML (Pug) / CSS (Stylus) / JS

A custom carousel created using some jQuery. Click slides or press left & right arrow keys.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Change direction from horizontal to vertical

Author: Mehul Rojasara

Links: demo and code

Made with: HTML / CSS / JS

Change direction from horizontal to vertical carousel.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap.css, swiper.css, jquery.js, bootstrap.js, swiper.js

Simple Photo Carousel

Author: Alex Bratsos

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

A simple carousel for photo images with parallax in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Vertical Carousel

Author: Danil Goncharenko

Links: demo and code

Made with: HTML / CSS (Sass) / JS

Animated vertical carousel with jQuery and TweenMax.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, tweenmax.js

Full Screen Carousel Expose

Author: Virgil Pana

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: easing.js

slick

Author: Ken Wheeler

Links: home page, github page

Made with: HTML / CSS / JS

<vlockquote cite="//kenwheeler.github.io/slick/">The last carousel you'll ever need. Features: fully responsive (scales with its container), separate settings per breakpoint, uses CSS3 when available (fully functional when not), swipe enabled (or disabled, if you prefer), desktop mouse dragging, infinite looping, fully accessible with arrow key navigation, add/remove/filter/unfilter slides, autoplay, dots, arrows, callbacks, etc... </vlockquote>

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Owl Carousel 2

Author: OwlCarousel2

Links: home page, github page

Made with: HTML / CSS / JS

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback