Best jQuery Carousel Plugins & Tutorials with Demo

Cloud 9 : jQuery 3D Carousel

Cloud 9 : jQuery 3D Carousel

A 3D perspective carousel using jQuery/Zepto focused on performance, based on the original.

Owl Carousel 2 Thumbnails plugin

Owl Carousel 2 Thumbnails plugin

Enables thumbnail support for Owl Carousel 2.0.The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

Theta Carousel 3D : jQuery Plugin

Theta Carousel 3D : jQuery Plugin

Theta Carousel 3D is a jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes.

jCider : jQuery Carousel Plugin

jCider : jQuery Carousel Plugin

jCider is an extensive and responsive jQuery plugin that enables you to create awesome carousels.

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Crosscover : jQuery Animated background Image Carousel

Crosscover : jQuery Animated background Image Carousel

Carousel for simple background image using jquery and animate.css.

PaW Carousel : jQuery Responsive Carousel

PaW Carousel : jQuery Responsive Carousel

A responsive carousel with thumnail navigation jQuery plugin.

  • Under 6KB when minified
  • @2x/high-res/retina image support
  • Add multiple carousels on one page
  • Completely rewritten to be faster and more reliable
  • Better loading of images to look smoother
  • More reliable video scaling
  • More robust at all screen sizes
  • Choose whether to resize or crop images at smaller screen sizes

Hover Carousel with jQuery & CSS3

Hover Carousel with jQuery & CSS3

This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area.

Carousel using only HTML and CSS

Carousel using only HTML and CSS

I’ve been working on a site that uses a CMS that’s a bit limiting. I can add my own HTML and CSS to the site, but JavaScript is off-limits.

I had some ideas of how I could make that work using CSS animations and the transform property, but that would leave me with a carousel that scrolled automatically and didn’t allow for user input which wasn’t really what I was looking for. After some thinking, I eneded up with a solution that uses absolute positioning and the :target pseudo-selector to change the z-index and opacity of our carousel items to cycle through them.

jCarouselLite : jQuery Carousel Plugin

jCarouselLite : jQuery Carousel Plugin

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget.



Best jQuery websites design awards