50+ jQuery Carousels Examples for Developers

Learn how to create beautiful and responsive carousels with jQuery. This collection includes 50+ jQuery Carousels examples from CodePen, so you can see how different carousels are implemented

Title:- Swipe Carousel
Author:- Bao Dang
Made with:- HTML CSS JS

Title:- Carousel text animation
Author:- Rafael Derolez
Made with:- HTML CSS JS

Title:- Material Cards – Carousel (mobile)
Author:- Kate Hummer
Made with:- HTML CSS JS

Title:- Infinite Carousel
Author:- Ben M
Made with:- HTML CSS JS

Title:- Full-container fading background video carousel
Author:- Ian Fleming
Made with:- HTML CSS JS

Title:- Onboarding
Author:- Nick Wanninger
Made with:- HTML CSS JS

Title:- Playlist Carousel – css only
Author:- Aybüke Ceylan
Made with:- HTML CSS JS

Title:- Synced owl Carousel with Thumbnails
Author:- Pankaj Thakur
Made with:- HTML CSS JS

Title:- Infinite Automatic Carousel
Author:- Julien Lejeune
Made with:- HTML CSS JS

Title:- carousel gallery (responsive)
Author:- Jack Cohle
Made with:- HTML CSS JS

Title:- Simple jQuery Infinite Carousel
Author:- Matthew Williams
Made with:- HTML CSS JS

Title:- Vertical carousel with TweenMax.js
Author:- Danil Goncharenko
Made with:- HTML CSS JS

Title:- Responsive carousel with hover effects – owl carousel
Author:- Mario Loncarek
Made with:- HTML CSS JS

Title:- Carousel Slider With Owl.js
Author:- Envato Tuts+
Made with:- HTML CSS JS

Title:- Flexbox Carousel (Final)
Author:- Nick Walsh
Made with:- HTML CSS JS

Title:- Owl carousel and Animate.css
Author:- Dimbilalaina RAMANGALAHY
Made with:- HTML CSS JS

Title:- Responsive Testimonial Carousel using OwlCarousel with Next and Previous Preview
Author:- Md Nahidul Islam
Made with:- HTML CSS JS

Title:- Move clicked item to the center of the Owl Carousel
Author:- Gleb Kemarsky
Made with:- HTML CSS JS

Title:- Carousel
Author:- DobladoV
Made with:- HTML CSS JS

Title:- Responsive Infinite Carousel
Author:- Lucas Motta
Made with:- HTML CSS JS

Title:- Bootstrap 3 Carousel Multiple Items Increment by 1
Author:- Jacob Lett
Made with:- HTML CSS JS

Title:- Split 3D Carousel
Author:- Paul Noble
Made with:- HTML CSS JS

Title:- Owl Carousel 2 Testimonial Slider
Author:- shamim khan
Made with:- HTML CSS JS

Title:- Simple Synchronised Carousel
Author:- Rian Ariona
Made with:- HTML CSS JS

Title:- Vue card carousel
Author:- Will
Made with:- HTML CSS JS

Title:- CSS 3D Carousel
Author:- Jesper Hills
Made with:- HTML CSS JS

Title:- Owl Carousel 2 – Basic
Author:- Nelis
Made with:- HTML CSS JS

Title:- Carousel (React)
Author:- Andy Pagès
Made with:- HTML CSS JS

Title:- bootstrap 3 multiple items responsive carousel
Author:- Oleksandr Zinchenko
Made with:- HTML CSS JS

Title:- Expandable Animated Card Slider
Author:- Yudiz Solutions Limited
Made with:- HTML CSS JS

Title:- Scrolling Bootstrap Card Carousel
Author:- Kreig Durham
Made with:- HTML CSS JS

Title:- FlexBox Exercise #3 – Image carousel
Author:- Veronica
Made with:- HTML CSS JS

Title:- Hover-Carousel
Author:- Yair Even Or
Made with:- HTML CSS JS

Title:- Materialize + Owl Carousel
Author:- Jay Holtslander
Made with:- HTML CSS JS

Title:- Flickity – sync 3, jQuery
Author:- Dave DeSandro
Made with:- HTML CSS JS

Title:- Vertical Carousel
Author:- Maxime Preaux
Made with:- HTML CSS JS

Title:- Bootstrap 2 Carousel
Author:- redfrost
Made with:- HTML CSS JS

Title:- 3D Carousel Using TweenMax.js & jQuery
Author:- John Blazek
Made with:- HTML CSS JS

Title:- Testimonials Carousel
Author:- Gabriel Toledo
Made with:- HTML CSS JS