60+ Top jQuery Slider and Carousel Plugins

freebies 6655 Comments

jQuery is a popular library of JavaScript because of its rich-features, web developers are capable to extend the basic JavaScript library capabilities to build useful image gallery frameworks called plugins. jQuery carousel is a really cool element that helps presenting the most important content of the page easily and quickly in order to highlight it. It is usually a dynamic scrolling list of items horizontally where previous and next items are partly visible. These items can be anything, HTML content, images, videos etc scrolling with or without animated transitions.

Recommended: Free Webmaster Tools(including SEO, DNS, HTML and Text tools)

Here is the showcase of some of the top and best jQuery carousel and slider plugins that you can use in developing astonishing content and image slideshow. The list includes free sliders, carousel sliders, content and image sliders, full screen sliders, roundabout and 3D sliders.

Please note that some of the links provided in this article may be affiliate links and we will earn commission if you buy their products through our links.

Best jQuery Slider and Carousel Plugins

1. Pikachoose

pikachoose

A simple to use jQuery image gallery

2. Simple Controls Gallery

simple controls gallery

This script loads and displays a larger image inline on the page when a thumbnail is clicked on. Great for letting visitors preview from many images then select the image of his choice to view on the same page.

3. Moodular Jquery Carousel

moodular jquery carousel

Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.

4. Bx Slider

bx slider

BX Slider is a responsive and very flexible jQuery HTML Content carousel and Slider. This free option offers both horizontal, vertical, and fade transitions.

5. Roundabout Shapes

roundabout shapes

Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offerselevenadditional movements.

6. All in One Jquery Banner Rotator / Carousel

all in one jquery banner rotator / carousel

Want a carousel plugin that also solves all kinds of slider and banner rotator needs. Then All in one banner rotator could be the jQuery carousel plugin you are looking for. This plugin is a premium option and a regular license cost $10. This jQuery script can be configured to work as content carousel, a banner rotator, thumbnails banner, banner with playlist and content slider. All in one is responsive and it will adapt to fit mobile screens.

7. Html5 Slideshow Canvas

html5 slideshow canvas

Create a progressively enhanced HTML5 slideshow with the new canvas element and jQuery, which is perfectly functional in older browsers as well.

8. 3d Touch Carousel

3d touch carousel

This is the 3D Touch Carousel premium jQuery plugin. It is a jQuery script for creating a true 3D carousel gallery. 3D Touch Carouselsupports simulated 3d mode and real 3d mode powered by CSS3. In addition the script offers reflection for the images, and can be set titles to show on image. Touch events are supported on Android and IOSX devices.Titles can be personalized with custom effects to show.

9. Draggable Image Boxes Grid

draggable image boxes grid

Tutorial to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

10. Step Carousel Viewer

step carousel viewer

Step Carousel Viewer is a free carousel script. It displays images or even rich HTML content in a carousel layout by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through the items. A smooth sliding animation is used to transition between steps.

11. Elegant Carousel

elegant carousel

With Elegant carousel you get a premium carousel slider with two different effects. In addition you can also choose between 2 orientation styles.You can adapt the carousel slider using CSS to fit your design needs.

12. Elastic Image Slideshow

elastic image slideshow

Learn how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

13. Liquid Carousel

liquid carousel

Liquid carousel is a jQuery plugin intended for adding a simple carousel to your web pages. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

14. Jdigiclock Slider

jdigiclock slider

15. Wow Slider

wow slider

Free jQuery Slider, jQuery Slideshow Gallery. Stunning visual effects and lots of professional templates. Drag-n-drop maker Mac and Windows - No coding!

16. Boutique Carousel

boutique carousel

This is a cool premium option for e.g. online shops to show off new products. It is a ready to use jQuery carousel script used to present your images in a unique, smooth and customizable way. You can easilycustomize the settings and use CSS to match your style and purpose.

17. Full Page Image Gallery With Jquery

boutique carousel

This is a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. This works with thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

18. Rotating Image Slider

rotating image slider

This tutorial will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

19. Theatre Carousel

theatre carousel

This is a premium jQuery Carousel that can do both horizontal and vertical sliders and in particular the horizontal carousel looks awesome.

20. Sky Jquery Touch Carousel

sky jquery touch carousel

Here you see the amazing Sky jQuery Touch Carousel plugin. It is a premium jQuery carousel plugin with many cool features and responsive, touch-enabled design. You can customize the visual appearance of the plugin with the help of the plugin options and CSS.

21. Photostore Minimal Carousel

photostore minimal carousel

PhotoStore Minimal Carousel is a clean and simple solution for adding a modern minimalistic carousel to your website. It is a premium option (cost is $5). the plugin have 8 color variations, 4 differenet carousel and slider styles.

22. Jquery Infinite Carousel Plugin

jquery infinite carousel plugin

Unlike most carousel plugins which stop when they get to the last image, this one allows the show to go on infinitely without any user intervention. If you have three images you want to display, after the third image has been displayed, the first image will be next. Through some clever JavaScript, images are shuffled around so that it appears as if the carousel is a true carousel and never ends.

23. Jquery Ms Carousel

jquery ms carousel

This is a free carousel option. Each carousel can have own look and feel and behavior. You can put next/previous button wherever you want or simply leave them out.

24. Factory Galleries

factory galleries

This is another useful jQuery carousel plugin with a lot of design options and features. The carousel effect includes fog effect where the preview is partly faded. The sliding effect for both images and text is pretty cool.

25. Fotorama

fotorama

26. Jqfancytransitions

jqfancytransitions

27. Agile Jquery Carousel

agile jquery carousel

Highly customizable jQuery Carousel plugin so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup. Now posted on Github for faster development.

28. Roundabout for Jquery – Cool Jquery Carousel

roundabout for jquery – cool jquery carousel

Roundabout is an interesting free carouseljQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

29. Codingjack'S 3d Carousel

CodingJack'S 3D Carousel

With this premium carousel plugin you get real 3D effects using CSS3 3D transforms. The effect is amazing but please note that the plugin is not fully responsive. It support touch on mobile phones and tablets, but does not adapt to the small screen sizes.

30. Galleria

galleria

31. Simple Panorama Viewer

simple panorama viewer

32. Making An Infinite Jquery Carousel

making an infinite jquery carousel

In this tutorial we will make an infinite JQuery carousel. Many tutorials on how to make an infinite JQuery carousel are quite complex, so this is an attemot to show you how to make it much simpler.

33. Jquery Carousel Evolution

jquery carousel evolution

With jQuery Carousel Evolution you get a true jQuery carousel plugin. This plugin is a premium option (regular license cost $4)and it allows you to easily set up a carousel slider using HTML markup on your web pages. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. A carousel like this is a great tool for presenting website screenshoots.

34. Carou Fredsel

carou fredsel

jQueryCarou FredSel is a free jquery caroucel plugin that turns any kind of HTML element into a carousel. This plugin can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction. The Carou Fredsel plugin is responsive and adapt to mobile screens.

35. Icarousel

icarousel

Carousel is an open source (free) javascript tool for creating jQuery carousel like widgets

36. Slicebox

slicebox

Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.

37. Touchcarousel – Jquery Content Carousel

touchcarousel – jquery content carousel

With TouchCarousel you get a premium carousel solution (regular license cost $10)with a mobile-friendly design. It is a lightweight jQuery script with touch navigation for spoiling mobile and tablet users.

38. Presentation Cycle

presentation cycle

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

39. Advanced Slider – Jquery Xml Slider

advanced slider – jquery xml slider

Advanced Slider is a fully responsive premium content slider with thumbnail preview. This plugin offers you the option to use either HTML markup or XML. The plugin also provides an easy to use API which will allow you to further enhance the functionality of the slider and will make it possible to integrate it into your own application.

40. Icarousel™

icarousel™

iCarousel is a premium jQuery carousel solution with a mobile-friendly layout. It ia a lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.

41. Avia Slider

avia slider

This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

42. Making Mosiac Slideshow With Jquery and Css

making mosiac slideshow with jquery and css

In this tutorial you will be making a jQuery & CSS mosaic gallery – it is also available as download. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.

43. Showbiz Business Carousel Jquery Plugin

showbiz business carousel jquery plugin

Showbiz Business Carousel is apremium option to show off content in a carousel format. This can be your services, portfolio items, blog content. The plugin comes in a dark and a light version.

44. Rcarousel

rcarousel

rCarousel – yet another (but super duper) continuous jQueryUI carousel. It has lots of features and good examples.

45. Cloud Carousel

cloud carousel

This jQuery carousel is a free carousel plugin. It features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.The carousel features realistic perspective and rotate images in a 3D fashion.

46. Cloud Carousel

cloud carousel

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.

47. Feature Jquery Carousel

feature jquery carousel

Feature jQuery carousel will always display three images at the same time in a classic carousel style. All the rest of the images will be hidden behind the center image. Users can navigate using paging or number buttons.

48. Fullscreen Slideshow

fullscreen slideshow

This tutorial is about how to create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

49. Jquery Timeline Slider

jquery timeline slider

Timeline Slider is a really cool plugin to build your history timelines. It is a premium option. Its main configuration can be easily customized due to its compact config parameters, directly from the html file. Also more configurations can be edited through the CSS style sheet file.Timeline Slider comes with 2 skins, Dark, Light, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.

50. Thumbnails Navigation Gallery With Jquery

thumbnails navigation gallery with jquery

Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.

51. Jcoverflip

jcoverflip

jCoverflip is a free carousel plugin with a classic carousel design. The navigation is handles using a slider bar. It is simple to adjust the animation speed, fonts, colors and so on.

52. Jmycarousel

jmycarousel

jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

53. Bxslider

bxslider

Respsonsive jQuery content slider.

54. Jcarousel

jcarousel

With this simple jQuery script, jCarousel, you get a simple carousel solutionfor sliding items in either horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

55. Bubble Slideshow Effect

bubble slideshow effect

Tutorial on building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow.

56. 3d Rotation Viewer

3d rotation viewer

This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.

57. Barousel

barousel

Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

58. 3d Carousel – Advanced Jquery Carousel

3d carousel – advanced jquery carousel

3D Carousel is a powerful premium jQuery carousel plugin (regular license cost $6) with support for both HTML markup and XML. With this plugin you can arrange a set of images in a cool carousel layout.

59. Slides Js

slides js

SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3

60. Coin Slider

coin slider

Coin Slider: jQuery Image Slider Plugin with Unique Effects

61. Layer Slider

layer slider

This is a premium jQuery content slider using the famous parallax-effect to impress visitors. It comes with a carousel skin but basically this is more a content slider than a classic carousel design. It is possible to use images or any other HTML elements, including Flash movies as layers. This allows you to build really amazing animations.

62. Jquery Carousel Plugin

jquery carousel plugin

This is a small lightweight carousel jQueryplugin with a minimalistic design. It makes use of jQuery UI's Widget Factory with a few extra features including autoScroll.

63. Sideways

sideways

You are most welcome to suggest any additions to this list. You can use the comments box below to make any suggestions.

themeforest banner
elegant themes banner

Related Articles:

You may be interested in:

Paul Miller is a web design enthusiast and avid blogger who loves to design and explore technology. He has co-founded other interesting blogs like ThinknEarn.com. Make sure to keep in touch with him on Facebook and follow him on Twitter.

Would you like to contribute to this site? Get started »
Rate this article:
(5.0 rating from 1 votes)

Comments