24 jQuery Carousels

About a code

Auto Rotate Slider

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

Responsive: yes

Dependencies: -

About a code

Mostly CSS Responsive Carousel

Features: 1. progressively enhanced (only previous/next buttons require JavaScript); 2. handles focus state and keyboard navigation; 3. uses CSS scroll-snap for transitions and touch control; 4. respects reduced motion preference; 5. aspect ratios are preferred but max-width overrules.

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

Responsive: yes

Dependencies: -

About a code

Scrolling 3D Gallery Using Flickity Transformer

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

Responsive: yes

Dependencies: flickity.css, flickity.js, jquery.mousewheel.js

About a code

"Kyoto Highlights" - Flickity Slideshow

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

Responsive: no

Dependencies: font-awesome.css, flickity.js

About a code

Testimonials Carousel

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

About a code

Modern Carousel with Flickity

jQuery modern image carousel with Flickity.

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

Responsive: yes

Dependencies: flickity.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

About a code

3D Carousel Materialize

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

Responsive: yes

Dependencies: materialize.css, materialize.js

About a code

Portfolio Carousel

Portfolio concept with carousel.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.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

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

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

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

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

About a code

3D Carousel with GSAP

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

Responsive: yes

Dependencies: jquery.js, tweenmax.js, splittext.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

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

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

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

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

About a code

Full Screen Carousel Expose

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

Responsive: no

Dependencies: easing.js

About a code

Quick and Simple Rotating Pseudo-3D Carousel

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

Responsive: no

Dependencies: velocity.js, hammer.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

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