Top 18 jQuery Carousels

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Author: Virgil Pana

Links: demo and code

Made with: HTML / CSS / JS

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

Responsive: no

Dependencies: easing.js

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

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