40+ jQuery Slider Plugins

Saturday 29th, April 2017 / 21:29 Written by
40+ jQuery Slider Plugins
735 Flares Twitter 0 Facebook 0 Google+ 7 LinkedIn 0 StumbleUpon 728 Filament.io 735 Flares ×

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 – The Parallax Effect Slider – MORE INFO / DEMO

layerslider

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

Blueberry is an experimental Open-Source jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Lush – Content Slider – MORE INFO / DEMO

lush-content-slider

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.

Slider Revolution Responsive jQuery Plugin – MORE INFO / DEMO

revolution-slider

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 – MORE INFO / DEMO

dynamic-slider

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 Responsive Teaser JQuery Plugin – MORE INFO / DEMO

showbiz-responsive-teaser-plugin

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.

jQuery Banner Rotator / Content Slider / Carousel – MORE INFO / DEMO

jquery-banner-rotator

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 – Responsive and Touch-Friendly – MORE INFO / DEMO

zozo-accordion

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.

Factory Galleries jQuery Plugin – MORE INFO / DEMO

factory-galleries-jquery-plugin

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.

jQuery Simple Slider Plugin – MORE INFO / DEMO

jquery-simple-slider-plugin

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 Slider – Responsive jQuery Plugin – MORE INFO / DEMO

parallaxslider

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.

Popeye – MORE INFO / DEMO

popeye

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.  Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.

Versatile Touch Slider – MORE INFO / DEMO

versatile-touch-slider

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).

HTML5 Canvas Slideshow jQuery – MORE INFO / DEMO

html5-canvas-slideshow-jquery

A canvas slideshow plugin made with HTML5’s canvas element. Javascript in is integrated to apply a filter to each image in the slideshow.

bxSlider – MORE INFO / DEMO

bxslider

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 Plugin – MORE INFO / DEMO

saloon-the-jquery-banner-rotator-plugin

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-jquery-fullscreen

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

carou-fredsel

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.

Estro – jQuery Ken Burs & Swipe Effect Slider – MORE INFO / DEMO

estro-jquery-ken-burns-swipe-effect-slider

This jQuery plugin uses unobtrusive JavaScript to transform a block of simple HTML markup into a gorgeous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimized, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if JavaScript has been disabled. This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iPhone / iPad.

jQuery Banner Rotator / Slideshow – MORE INFO / DEMO

banner-rotator-slideshow

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.

Revealing Photo Slider – MORE INFO / DEMO

RevealingPhotoSlider2

Full Width Slider 2.0 – MORE INFO / DEMO

full-width-slider

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 for WP – Responsive Touch Enabled Slider – MORE INFO / DEMO

unoslider-for-wp

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.

Beautiful Background Image Navigation with jQuery – MORE INFO / DEMO

BeautifulBackgroundImageNavigation

A jquery plugin that has a background image slide effect. It uses the amazing Animation Background Plugin by Alexander Farkas.

Royal Slider – Touch-Enabled jQuery Image Gallery – MORE INFO / DEMO

royal-slider

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 – MORE INFO / DEMO

agilecarousel

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.

Showbiz Business Carousel jQuery Plugin – MORE INFO / DEMO

showbiz-business

This is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents.

jQuery Grid Style Slider – MORE INFO / DEMO

jquery-grid-style-slider

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.

Page Animate Webpage Slider – MORE INFO / DEMO

page-animate

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.

Translucent – Responsive Banner/Rotator Slider – MORE INFO / DEMO

trans_banner

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.

Highslide JS – MORE INFO / DEMO

HighslideJS

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 – MORE INFO / DEMO

responsive-kenburner

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.

Minimalistic Slideshow Gallery – MORE INFO / DEMO

minimalistic-slideshow-gallery

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 – jQuery 3D Slideshow Plugin – MORE INFO / DEMO

ccslider

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.

Sexy Slider – MORE INFO / DEMO

sexy-slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider.

Paradigm Slider jQuery Plugin – MORE INFO / DEMO

paradigm-slider-jquery-plugin

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 – jQuery Content Scroller and Slider – MORE INFO / DEMO

touch-carousel

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.

jQuery Unislider – MORE INFO / DEMO

unislider

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

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

jQuery Onebyone Slider Plugin – MORE INFO / DEMO

jquery-slider

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

magic-scroller

A Practical & Easy to Implement jQuery Plugin, this vertical scroll show elements with an elegant style using slice effect, creating a different perspective.

jQuery Slider Evolution – MORE INFO / DEMO

jquery-slider-evolution

Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider. Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your website with ease.

BBC Radio Zoom Tabs – MORE INFO / DEMO

bbc-radio-zoom-tabs

A highly customizable jQuery slider for web designers.

li jQuery Slider/Image Rotator – MORE INFO / DEMO

li-jquery

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.

735 Flares Twitter 0 Facebook 0 Google+ 7 LinkedIn 0 StumbleUpon 728 Filament.io 735 Flares ×

About the author

Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.

View all articles by Pete

4 Comments on “40+ jQuery Slider Plugins

  • Hi,

    I recently installed the Showbiz Pro Responsive Teaser JQuery Plugin.

    I was under the impression that I could add captions to each slide.

    But, my web designer said that while this is possible the amount of coding required would make it unrealistic. She said it could be up to 2 weeks work.

    Could you please give me some feedback on this?

    Is there a quicker way?

  • Hella!
    Thanks for the article!
    I am looking for a very specific gallery.
    A gallery where different images are animated with timer and a mp3 (10 images for instance, one for 1 sec, the second for 5 second, … and both all this image a mp3), then the gallery continue with for instance 3 images with another mp3.
    The gallery can include also local video or youtube video.
    And the best the gallery can be composed of other gallery. Image that the previous gallery was called XXX1 (10 images + mp3 and 5 img + mp3 + un youtube video) and another gallery XXX2 with another media.
    And then I composed a gallery call XXX3 which include by sequence gallery XXX1 and XXX2!

    I know it is really specific! But this is my actual need! It is bad if I have a developped that really specific gallery with all that system which exists!!
    Thanks a lot!
    Fabien

Comments are closed.