Collection of free jQuery carousel examples and plugins. Update of January 2018 collection. 12 new items.

15 jQuery Carousels

Collection of free jQuery carousel examples and plugins. Update of January 2018 collection. 12 new items.

Related Articles

  1. CSS Carousels

Table of Contents:

  1. jQuery Carousel Examples
  2. jQuery Carousel Plugins

jQuery Carousel Examples

Author

  • Supremo

Made with

  • HTML / CSS / JS

About a code

Variable Fonts Experiment

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

Made with

  • HTML (Haml) / CSS (SCSS) / JS (Babel)

About a code

Portfolio Carousel

Portfolio concept with carousel.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Kilian So

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Spotify Style Carousel

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

Made with

  • HTML / CSS (SCSS) / JS

About a code

Camera Showroom

Simple carousel using Swiper.js

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

Responsive: no

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

Author

  • FinByz Tech Pvt. Ltd

Made with

  • HTML / CSS / JS

About a code

Testimonial Carousel Design

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

Made with

  • HTML / CSS / JS (Babel)

About a code

Directional Carousel

3D planets directional slider/carousel.

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

Responsive: no

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

Author

  • Jesús Castro

Made with

  • HTML / CSS (SCSS) / JS

About a code

Flipping Card Slider

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

Made with

  • HTML / CSS (Less) / JS

About a code

3D Carousel with GSAP

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

Responsive: yes

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

Author

  • web-tiki

Made with

  • HTML / CSS / JS

About a code

Mouse Driven Carrousel Concept

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

Made with

  • HTML (Pug) / CSS (Stylus) / JS

About a code

Custom Carousel

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

Made with

  • HTML / CSS / JS

About a code

Change direction from horizontal to vertical

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

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Simple Photo Carousel

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

Made with

  • HTML / CSS (Sass) / JS

About a code

Vertical Carousel

Animated vertical carousel with jQuery and TweenMax.

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

Responsive: no

Dependencies: jquery.js, tweenmax.js

jQuery Carousel Plugins

Author

  • Ken Wheeler

Made with

  • HTML / CSS / JS

About a code

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...

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

Responsive: yes

Dependencies: jquery.js

Author

  • OwlCarousel2

Made with

  • HTML / CSS / JS

About a code

Owl Carousel 2

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

back to top