Collection of free jQuery carousel examples and plugins. Update of October 2019 collection. 3 new items.

  1. CSS Carousels
  2. Bootstrap Carousels
  3. JavaScript Carousels
  4. React Carousels
  5. Vue Carousels
  1. jQuery Carousel Examples
  2. jQuery Carousel Plugins

jQuery Carousel Examples

Creator

  • Gabriel Toledo

Programming language

  • HTML / CSS / JS

Information a code

Testimonials Carousel

jQuery testimonials card carousel with Owl.Carousel plugin.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • Radu

Programming language

  • HTML / CSS (SCSS) / JS

Information a code

Modern Carousel with Flickity

jQuery modern image carousel with Flickity.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: flickity.js

Creator

  • Supremo

Programming language

  • HTML / CSS / JS

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • Jamie Coulter

Programming language

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

Information a code

Portfolio Carousel

Portfolio concept with carousel.

Browser Support: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Creator

  • Kilian So

Programming language

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

Information a code

Spotify Style Carousel

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Creator

  • januaryofmine

Programming language

  • HTML / CSS (SCSS) / JS

Information a code

Camera Showroom

Simple carousel using Swiper.js

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

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

Creator

  • FinByz Tech Pvt. Ltd

Programming language

  • HTML / CSS / JS

Information a code

Testimonial Carousel Design

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • Anya Melnyk

Programming language

  • HTML / CSS / JS (Babel)

Information a code

Directional Carousel

3D planets directional slider/carousel.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

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

Creator

  • Jesús Castro

Programming language

  • HTML / CSS (SCSS) / JS

Information a code

Flipping Card Slider

Flipping card slider in jQuery.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • Cedrick

Programming language

  • HTML / CSS (Less) / JS

Information a code

3D Carousel with GSAP

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • web-tiki

Programming language

  • HTML / CSS / JS

Information a code

Mouse Driven Carrousel Concept

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Creator

  • Collin Smith

Programming language

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

Information a code

Custom Carousel

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Creator

  • Mehul Rojasara

Programming language

  • HTML / CSS / JS

Information a code

Change direction from horizontal to vertical

Change direction from horizontal to vertical carousel.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

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

Creator

  • Alex Bratsos

Programming language

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

Information a code

Simple Photo Carousel

A simple carousel for photo images with parallax in jQuery.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Creator

  • Danil Goncharenko

Programming language

  • HTML / CSS (Sass) / JS

Information a code

Vertical Carousel

Animated vertical carousel with jQuery and TweenMax.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, tweenmax.js

Creator

  • Virgil Pana

Programming language

  • HTML / CSS / JS

Information a code

Full Screen Carousel Expose

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: easing.js

jQuery Carousel Plugins

Creator

  • Ken Wheeler

Programming language

  • HTML / CSS / JS

Information 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…

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Creator

  • OwlCarousel2

Programming language

  • HTML / CSS / JS

Information a code

Owl Carousel 2

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js