This is one of the largest and most up to date collections of jQuery slider plugins. I’m sure you will find some of them useful for adding cool slider effects to your web pages.
It is more and more common to see jQuery slider plugins used for image slideshows, carousels and for creating html slider effects on websites. It is a really great solution for showcasing sequential images or featured articles without taking up too much space. To have a jQuery banner, content slider, carousel, gallery or any image presentation system on your web page, you certainly have the option to code it from scratch. However, if you want to save yourself serious time and effort, you can just grab a ready to use jQuery slider plugin and integrate it into your website. In most cases, it is done with just a few lines of code. If you are using WordPress as CMS for your website, it gets even better. With a few mouse clicks you can install a jQuery slider by using a WordPress slider plugin and beside offering code-less install, WordPress slider plugins often have great admin pages making it simple to set up the slides and slider properties.
Here in this article, I am sharing a huge collection of amazing jQuery sliders, carousels and other content sliding effects available as jQuery plugins. We hope that these plugins can help you build more beautiful and interesting websites. Enjoy!
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
My collection of the best jQuery Slider plugins
Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS
All in one banner rotator is powerful jQuery plugin that you can be configured to act as Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider and Carousel.+
Lush is a flexible content slider. It uses CSS3 native transition and animations to get the best performance taking advantage of the modern browser features, without lose functionality in older browsers. It uses a semantic syntax to describe the animation timeline avoiding complex attributes and keywords. The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
RoyalSlider is easy to use jQuery image gallery with animated captions, responsive layout and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.
This plugin works on mobile devices, smartphones and desktop without loss functionality. It is “responsive”, which means it’s 100% compatible with responsive web designs. It effectively allows you to give a touch of life to images, ready for use on presentations, personal web portfolios or simply, a scroll of images. FrameIt does all the work, you choose where to use.
This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.
CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide. See below for a list of features available in the plugin.
Sideways – jQuery Fullscreen Image Gallery – MORE INFO / DEMO
SIDEWAYS image gallery is made by implementation of some previous scripts and tutorials posted on this blog and some (minor) CSS3. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron’s jquery mousewheel plugin.
This is a jQuery grid slider with support for multiple categories, expandable html content, and lightbox. The slider is fully configurable and resizable through the plugin’s parameters and stylesheet.
WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. WordPress slider plugin and Joomla slider module are available also.
Full Width Slider 2 is an easy to use jQuery image slider optimized for full screen width. It has a responsive design with an adjustable transition speed. Compatible with all major browsers (IE8 and above , Chrome, Firefox, Safari and Opera).
Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website. A combination of Ken Burns Effect, state-of-the-art Slider, Text Animations and Responsive rebuilding defines this slider. Customize this slider with just a little HTML and CSS to your very needs. Give each slider some captions to transport your message. Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text.
Step Carousel Viewer – MORE INFO
Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps.
Stylish jQuery plugin that you can use to showcase your photos in a uniquely elegant fashion.
jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction. The carouFredSel-plugin was built using the jQuery-library.
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were never available before, as well as some basic transitions, so the slider will fit into every project.
This is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents. Basically all business information thinkable.
Show your photos in a different way – Let the user drag & drop them to slide the gallery.
jQuery Carousel Evolution is a jQuery plugin that allows you to easily create powerful carousel slider using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel.
This effect creates progressively enhanced slideshow with a fancy transitioning effect.
Timeline Slider is the definitive plugin to build your history timelines. 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. It comes with 2 skins, Dark, Light, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.
Agile jQuery Carousel – MORE INFO
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.
Saloon – The jQuery Banner Rotator animates your image and text slides with transition effects of the wide library. Easy installation, state-of-the-art transitions and text animations define the fresh line style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message.
As the name suggests, this plugin is great when used to display ad banners in different sizes.
Great and flexible jQuery image slider plugin with awesome transition effects. This plugin have 9 unique transition effects. It is very popular and used a lot by WordPress theme developers building sliders into the themes.
This is a jQuery content slider using the famous parallax-effect! You can create as many layers and sublayers as you want. You can use images or any other HTML elements, including Flash movies as layers. The script is very user-friendly, you can add global settings or local (per slide) settings to each layer or sublayer. You can change delay times, easing types, durations and much more.
Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.
Paradigm Slider jQuery Touchable Plugin uses a combination of Parallax Effect, state-of-the-art Slider and Text Animations. You can customize this slider with just a little HTML and CSS to your very needs. You can also give each slider a parallax caption to transport your message. Touch swipe for iOS and Android mobile devices is of course included. So it works on every modern browser (including IE7 /8) and on mobile devices.
Ruby is highly customizable and powerful image slider carefully crafted to enrich website and target wide spectrum of applications. It supports images with any size, html content and videos hosted on youtube and vimeo. Built in kenburns effect for images and flexible transition engine delivers sophisticated and eye catching animations and effects for slider content. Built in video support allows for easy youtube and vimeo clips embedding.
The jQuery UniSlider plugin adds an elegant and sleek slider feature to your pages, You can use it as an images slideshow, or put any html content to slide. There are many features, options, events and methods included, easy to customize and implement.
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Supports touch swipe navigation for iPad and Android tablets. More than 35 plugin settings included for customization. The captions can be customized by both plugin settings as well as CSS .
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.
MINI has been put in 7+1 Themes to help you style your content the way it deserves. What makes this Slider unique is that you can define everything via CSS or HTML which makes it 100% customizable.
The Simple Slider is a jQuery plugin you can use to display your image and Vimeo or Youtube videos. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device.
Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key here.
The OneByOne Slider is a lightweight jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.
Evo Slider is an all in one jQuery slider that lets you create any type of content slider and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a banner rotator and lots of things in-between.
UnoSlider is a jQuery content slider plugin with an unlimited transition animations (really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.
Diamond is highly customizable and powerful image slider carefully crafted to enrich website and target wide spectrum of applications. It supports images with any size, html content and videos hosted on youtube and vimeo. Built in kenburns effect for images and flexible transition engine delivers sophisticated and eye catching animations and effects for slider content. Built in video support allows for easy youtube and vimeo clips embedding.
Pikachoose is a lightweight jQuery slideshow plugin, with tons of great features! jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose now has API hooks for integrating lightboxes and other things.
This file is suitable for homepage banner, slideshow, product viewer, Gallery even though you can use as an intro. All animations are customizable so it suitable for any type of banners. You can use any number of layer on each slider. You can position and spacing each layer easily using data attributes. In download file, five default samples are available in separate html file.
This jQuery Slider Plugin animates your image and text slides with transition effects of the wide library (21 transition and 10 object animation effects available). Easy installation, state-of-the-art transitions and text animations define the freshline style.
Before-After allows you to place two images on top of each other and use a draggable slider to hide and reveal each image. This is especially useful for highlighting a Before/After makeover or Untouched/Photoshopped images side by side.
Cloud Carousel – MORE INFO
The above carousel 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. Many 3d carousels only apply perspective scaling to the size of the images, not their positions. This results in disproportionate gaps appearing between items as they shrink in the distance which looks odd.
Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. 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.
jAccordion is a flexible and lightweight jQuery (1.4.3+) plugin that you can customize to suit your needs.
With VuAll, you can create your own grid slider any size, with unlimited number of images and any image sizes. It features HTML5 canvas image blur effect with IE fall back and a lot more.
Fancy Thumbnail Slider is a Fullscreen carousel slider with lot of features and settings. The slider fit automatically to the Browser size. With just some small changes on the css file you can change the layout of your Slider.
Blueberry – MORE INFO
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
Use this sexy and stylish banner slideshow to spice up your website. It has 2 directional movement (forward and backward) and you can put unlimited captions for each image.
jQuery Flipbook Slider is a lightweight jQuery plugin for flipping pages effect. It can be used with any content: text, html, iframes, videos, flash (swf) etc. You can customize it easily with CSS (background images, font family and color etc.). The plugin can be used for albums, presentations, books and notepads.
Dragdealer JS – MORE INFO
CJ Shuffle is a jQuery Banner / Ad Rotator, is a nice departure from typical banner rotators. It will instantly grab a users attention with its shuffle effect and help engage your website’s visitors.
Carousel WordPress Plugin – MORE INFO
This is is an awesome and very powerful jQuery Carousel for WordPress. Really suggest you check it out if you use WordPress.
Looking for a different kind of jQuery banner? ZoomShowcase is a unique jQuery Banner that will add a fresh look to your website. It’s built on top of jQuery 1.6.2, and comes with several customizable options.
BLADES jQuery is a flexible jQuery banner rotator that makes an impression. Easy to customize with several options including 5 unique transitions, BLADES jQuery is the type of banner that can easily headline your next project.
BX Slider – MORE INFO
BX Slider features horizontal, vertical, and fade transitions. Also it can display and move multiple slides at once (carousel). It also features prev / next, pager, auto controls, easing transitions, random start and more.
Unleash is a responsive accordion slider with Multiple pre-styled Captions, Multiple captions animations, multiple easing methods, and a mot more.
li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!
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.
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.
Jawdropper Slider is a jQuery image slider that comes with some really unusual transition effects.
This is a jQuery list style banner rotator featuring multiple transition effects. The scrollable list allow for easy navigation of your images. The banner rotator is also fully re-sizable and configurable through the plugin’s parameters and css file.
Simple Controls Gallery – MORE INFO
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.
Advanced Slider is a jQuery plugin that allows you to easily create powerful sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application.
This is a jQuery image scroller with lightbox. The scroll bar/indexes and directional buttons allow for easy navigation of your image gallery. Image click can either open the included lightbox or a regular link. The scroller is also re-sizable and fully configurable through the plugin’s parameters.