40+ jQuery Slider Plugins
With jQuery slider plugins you can get amazing slider features and effects with very little coding. This is probably one of the reasons why sliders of different types and sizes are used on nearly every website today. Sliders are great for featuring important content and with the right jQuery slider plugin; there are no limitations for what you can add to the individual slides. Most modern sliders work with layers and allow us to add HTML content, images, videos, awesome looking captions etc. and animate how each layer is presented.
Some sliders are good for boxed website designs while others allow you to have full width slides. This is a cool effect and often seen on front pages on business websites. Recently most slider plugins build using jQuery have responsive layout and therefore adapts to smaller screens. Choosing one of these slider plugins will help you prepare your site for the mobile future.
In this article, I have collected more than 40 of the best jQuery slider plugins for your inspiration. I hope you enjoy the collection and that you find the right solution for your website. Please share the article on social media.
LayerSlider is the favorite parallax effect slider of the World. It is highly customizable and it has a stunning admin user interface.
Blueberry – MORE INFO
Blueberry is an experimental Open-Source jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
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.
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.
Dynamic Slider is a flexible slider that allows the customization of all of its components giving the possibility to create a large number of different layouts and configurations. It is lightweight and easy to work with and customize.
Showbiz Pro is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents… basically all business information thinkable. What makes this item unique is that you can define everything (captions, preview, details etc.) via CSS or HTML or jQuery plugin option which gives you unlimited layout possibilities.
All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.
Zozo Accordion is not just another accordion. It’s responsive and touch-friendly with a lot of customization options that can be integrated into your site/blog quickly without writing any code. Some of its key features includes: such as CSS3 transitions with jQuery fallback, horizontal & vertical accordion, Load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more.
A jQuery slider plugin that allows you to create your Galleries with elegance and style. It is crossbrowser with pure JS/CSS implementation. The slider created is easily resizable, includes 8 ready to use skins and integrates an animated circular timer.
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.
Parallax Effect – Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and can be used as Fixed Dimensions or as Full Width.
Versatile Touch Slider is a jQuery plugin that offers a variety of options. It may just be a banner rotator or a shelf to display products. Has the touch feature to mobile and drag for the desktop. The navigation can also be done via buttons and menu. Through the lightbox it is possible show multimedia content (video, audio, image and html content).
bxSlider – MORE INFO / DEMO
A small, fully themed and responsive jQuery content slider with built in touch / swipe support. It uses CSS transitions for slide animation (native hardware acceleration).
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 freshline style.
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.
carouFredsel – MORE INFO / DEMO
jQuery.carouFredSel is a responsive jquery 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.
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.
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).
UnoSlider is a jQuery content slider plugin with an unlimited transition animations and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.
A jquery plugin that has a background image slide effect. It uses the amazing Animation Background Plugin by Alexander Farkas.
RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practices of HTML5, CSS3 transitions are used for all animations (with fallback).
Agile Carousel is customizable 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.
This is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents.
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.
This jQuery plugin is a full page slider for navigating between web pages. For example, you could have your home page on one slide, contact page on another, and so on. It is responsive and works in all major browsers, including Internet Explorer 6 and mobile browsers.
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption.
It supports Responsive and fluid layouts and also touch swipe navigation on iPad and Android tablets.
There are 8 example variations included with source package and 55 plugin settings included for deeper customization.
The Highslide Editor is a visual tool that lets you configure most of the numerous Highslide options without writing code, and upload the results directly to your web server. This is not only a great help for non-developers, it also saves time for professionals who don’t have to read through the API documentation to get things done.
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. You can 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.
A simple and beautiful slideshow gallery that can be easily integrated in your web site. It has a the following options: view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.
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 slider is fully responsive, works in mobile devices and supports touch gestures to navigate through the slides. The plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide.
Paradigm Slider jQuery Touchable Plugin – The premium way of using a slider in your website. A combination of Parallax Effect, state-of-the-art Slider and Text Animations defines this slider. Customize this slider with just a little HTML and CSS to your very needs. 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.
TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. May be used as carousel, banner rotator and image gallery.
It’s used by top web design agencies, email newsletter companies and simple schools.
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.
Roundabout – MORE INFO / DEMO
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
The OneByOne Slider is a lightweight, responsive & layered 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. The latest update add an extra example, which make Twitter Bootstrap Carousel support the one by one animation.
Magic Scroller – MORE INFO / DEMO
A Practical & Easy to Implement jQuery Plugin, this vertical scroll show elements with an elegant style using slice effect, creating a different perspective.
BBC Radio Zoom Tabs – MORE INFO / DEMO
A highly customizable jQuery slider for web designers.
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.