50 of the Best Responsive jQuery Slider Plugins

Aside from presenting content in an organized fashion, these responsive jQuery slider plugins are also great adornment for websites thus making them catchy and interesting.

Responsive jQuery slider plugins are widely used now primarily to meet the need of mobile internet users for a more convenient web browsing. For webmasters, a responsive jQuery slider can enable them to showcase the featured contents of their websites, and other key information. Right now you can see sliders on online portfolio of photographers and artists, corporate websites, e-commerce stores, and many more. As a whole, the trend is towards the implementation of sliders and other content and image display mechanisms in strategic parts of a web page. In most cases, a slider is conspicuously displayed in the home page and it adds a touch of professionalism and interactivity on a website. What is great about it is that, it showcases contents in an interesting fashion without consuming a great amount of space. In this post, we are sharing with you some of the free and premium jQuery slider plugins that you can implement on your website. All of them are responsive, so they can adjust to different screen sizes. Also, some of these are free so you can still grab a nice slider for your website even without spending a dime.

Affiliate Disclosure: Some of the links in this post are affiliate links. If you visit those links and purchase the product you find, I will earn a commission without additional cost on your part. Before making any purchase I encourage you to evaluate the products or services on your own. This post is not meant to endorse or to recommend particular items.

RoyalSlider

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

COMPLETE INFO & DEMO 

royal-slider-

ScreenSlider

ScreenSlider is a fullscreen slider which allows you customize effects for all parts with responsive design, support touch to move slides. Just little changes in HTML you can create a professional presentation that works on almost platforms for your projects. With this plugin you can set effects, duration, easing for each background and each content in slides and set delay for each slide when you use AutoPlay.

COMPLETE INFO & DEMO 

screenslider-_thumb[2]

ZoomFlow

ZoomFlow – Banner Rotator / Teaser is a spectacular banner rotator to showcase your portfolio. It’s a solid, advanced and fully responsive jQuery plugin. Easy to install and compatible with major browsers, including IE, ZoomFlow it’s the perfect plugin for your portfolio. Also, it’s iPhone / iPad compatible and optimized, it looks great on mobile and tablets.

COMPLETE INFO & DEMO 

zoomflow-_thumb[3]

Slider Revolution

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!

COMPLETE INFO & DEMO 

slider-revolution-

LayerSlider Responsive jQuery Slider Plugin

LayerSlider is an advanced Responsive jQuery Slider Plugin with the famous Parallax Effect and hundreds of transitions! You can use LayerSlider to create a breathtaking Image Slideshow, Banner Rotator or Content Slider to your site! It is SEO and mobile friendly, it has tons of features and customizable options.

COMPLETE INFO & DEMO 

layerslider-

Responsive KenBurner Slider jQuery Plugin

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.

COMPLETE INFO & DEMO 

responsive-kenburner--jquery-slider-plugin

Showbiz Pro Teaser

Showbiz Pro is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents and more. 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.

COMPLETE INFO & DEMO 

showbiz-pro-plugin-_thumb[2]

Super 7 – Responsive Image Slider

Super 7 is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And it is fully responsive and modern features like Video embed, Smart Lightbox are supported which make it more stunning. Specially designed for any size image adaption and speed is optimized as well. Supports plenty of 2d/3d transitions so users will have great choice of modern & smooth animations. It’s especially flexible for users to customize which makes the slider most complete ever.

COMPLETE INFO & DEMO 

super-7-responsive-image-slider-

Galleria (Free)

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.

COMPLETE INFO & DEMO 

galleria

All Around – jQuery Content Slider / Carousel

All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas. You can display your company services, personal portfolio, sport products, health services, real-estate properties, vacation/holiday offers, cooking recipes and much much more. You can adjust the content slider the way you need it or you can choose one of our 6 prepared layouts. The All Around jQuery slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius.

COMPLETE INFO & DEMO 

all-around-

Parallax Slider – Responsive jQuery Plugin

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. Please see the features and check the live preview of this slider and convince yourself of its quality.

COMPLETE INFO & DEMO 

parallax-jquery-slider-

JBMarket Full Width Slider

JBMarket Full Width Slider is easy to use jQuery image gallery and content slider optimized for full screen width.

COMPLETE INFO & DEMO 

jb-market-full-width-slider-

News Box – jQuery Contents Slider and Viewer

Display contents from different sources and display them in an unique environment. News Box is a responsive jQuery plugin meant to allow you to group multiple news and sort them by date. Fully responsive, adapt itself to any screen and container. Given different sources, the plugin automatically fetches last news and sort them by date. Every box can have unlimited sources, you can mix contents from: any RSS feed, Facebook pages, Twitter, Youtube, Pinterest, Google+ and also manage inline contents.

COMPLETE INFO & DEMO 

news-box-

Responsive jQuery Slider

A light-weight responsive fullscreen image and content slider for jQuery. Options include: touch-capabilities (swipe to slide on mobile), customizable controls, up/down transition, left/right transition, fade transition, pause on click, auto rotate and more! The best part about this slider is you can add whatever content you want to the slides! You can add custom, complex html, iframes, videos, audio, etc. Some common use cases include: Background Image Slideshow, Portfolio Items, Project Details and Blog Posts.

COMPLETE INFO & DEMO 

responsive-jquery-slider-

Unleash Accordion Slider

Unleash is a cool accordion / slider with cool animation feature.

COMPLETE INFO & DEMO 

unleash-jquery-accordion-slider-_thumb[2]

jquery Slider Zoom In/Out Effect Fully Responsive

Zoom In/Out Effect Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries.

COMPLETE INFO & DEMO 

jquery-slider-zoom-plugin-

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.

COMPLETE INFO & DEMO 

jquery-banner-rotator-

jQuery Slideshow (Free)

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery (1.6 and up supported) and that all the images are same size.

COMPLETE INFO & DEMO 

responsiveslides

jQuery Content Scroller DZS

DZS Content Scroller is a solid, advanced, fully responsive jQuery plugin to scroll content. It can be a html content scroller, a banner rotator or even a image gallery due to the fact that it support inline content and it includes two viewing modes. The first one, is to automatically calculate how many elements fit in the container and then scroll them, and because it is responsive, it will auto adjust elements to your screen size. The second one is to resize only one element to fit in the container, this is ideal for galleries or cases where you need to showcase only one item on the full width.

COMPLETE INFO & DEMO 

jquery-content-scroller-dzs-_thumb[3]

jQuery OneByOne 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.

COMPLETE INFO & DEMO 

jquery-one-by-one-slider-plugin-[3]

Advanced Slider – jQuery XML slider

Advanced Slider is one of the best jQuery sliders on the market, built to be used in a wide range of contexts.Advanced Slider is fully responsive, mobile-ready, SEO-friendly, and 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.

COMPLETE INFO & DEMO 

advanced-slider-

Responsive Layer Slider

Responsive Layer Slider is fully HTML & jQuery driven. It works on desktop and mobile devices! You get the same experience on every platform because responsive design makes it look good on all resolutions. For mobile devices this slider is touch enabled, the standard UI is turned off because there is no need for it. You get full control over each layer, you can animated it in almost 200 different ways.

COMPLETE INFO & DEMO 

responsive-layer-slider-jquery-plugin-

jQuery Responsive Banner Rotator Plugin

jQuery Responsive Banner Rotator Plugin is a responsive slider which you can use to display your image, customer testimonial, quote etc. It works fine in the mobile device.

COMPLETE INFO & DEMO 

jquery-responsive-banner-rotator-plugin-

Fotorama (Free)

Fotorama is a simple fullscreen jQuery slider plugin that fits well to different mobile platforms.

COMPLETE INFO & DEMO 

fotorama

TouchCarousel – jQuery Content Scroller and Slider

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. Please note that TouchCarousel is responsive only in full-width free-scroll mode (for width).

COMPLETE INFO & DEMO 

touch-carousel- 

xSquare – Responsive Image Slider HTML5 / jQuery

xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the image slider is within a banner position it can easily be implemented as an image gallery or something similar because it is compatible with lightbox, prettyPhoto etc. The loading of images is done via smart lazyLoad with an implemented loader. Effective sliding transitions make the slider have a more dynamic look. The xSquare responsive image slider gives you the option to place up to 7 images in one slide or to place one effectively sliced photo.

COMPLETE INFO & DEMO 

xsquare-

Storyline 3D Slider

Storyline 3D Slider is a great plug-in for your template, which will make it have a stunning look. The S-3D-S will help you showcase your work in a splendid creative way. Your products has never been displayed so great! If you are a proud author or musician or super talented designer, blogger or photographer – the S-3D-S is just for you! It offers 19 color schemes, 8 scroll effects, 6 slide styles, responsive design, infinite scroll & possibility to work smoothly on mobile devices. You can include your own html code and make your own styles to fit your site.

COMPLETE INFO & DEMO 

storyline-3d-slider-

jQuery MultiTransition Gallery Sliders Collection

Extensive collection of full size layouts, fixed layouts, banners and widgets with HTML captions, video (local, youtube, vimeo) and audio players with Flash backups for older browsers make this the ultimate multimedia gallery.

COMPLETE INFO & DEMO 

jquery-multitransition-gallery-sliders-collection--

jQuery CSS3 Item Slider

Jquery CSS3 responsive items slider. Can be used to slide products, gallery images.

COMPLETE INFO & DEMO 

jquery-css3-item-slider-

Thumbnail Scroller

A very customizable jQuery Plugin, that can be edited from a HTML, JSON or XML files. The scroller is completely resizable and is compatible with all browsers and devices (compatible with iOS & Android).

COMPLETE INFO & DEMO 

thumbnail-scroller-jquery-plugin-

Strapslide – Responsive Bootstrap Slider Plugin

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

COMPLETE INFO & DEMO 

strap-slide-

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.

COMPLETE INFO & DEMO 

dynamic-slider-

CCSlider

CCSlider is a 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. See below for a list of features available in the plugin.

COMPLETE INFO & DEMO 

cc-slider-

PhotoSwipe (Free)

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

COMPLETE INFO & DEMO 

photoswipe

jQuery 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. There are many features, options, events and methods included, easy to customize and implement.

COMPLETE INFO & DEMO

jquery-unislider-

mightySlider – Mighty Responsive Slider

mightySlider is a jQuery plugin for creating advanced one-directional slider with item based navigation support. It can be used as a simple image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.

COMPLETE INFO & DEMO

mightyslider-

ZEUS – Responsive jQuery & CSS3 Grid Slider

Zeus is an easy to use responsive jQuery & CSS3 Grid Slider. It features fully responsive design, Slides that can contain images, video, or any HTML content, Easy to use responsive grid layout, 20 different ready to use CSS3 animations, multiple use in one page, auto resized and centered images, small file size (compressed version only 5KB), simple to implement, custom navigation support and more.

COMPLETE INFO & DEMO

zeus-

Fancy Portfolio Slider jQuery Plugin

This jQuery plugin creates a cool Portfolio Slider with a touch-enabled coverflow. It’s fully responsive and you can add unlimited media to a project. It supports images and youtube/vimeo/mp4 videos. You can set an own title and description for every media in your project.

COMPLETE INFO & DEMO

fancy-portfolio-slider-jquery-plugin-

Translucent Responsive Banner Rotator / Slider

This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. It supports responsive and fluid layouts and touch swipe navigation on iPad and Android tablets. It has 8 example variations included with source package. You can also find around 55 plugin settings included for deeper customization. The captions can be customized by both plugin settings as well as CSS.

COMPLETE INFO & DEMO

translucent

UnoSlider

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.

COMPLETE INFO & DEMO

unoslider-

pageAnimate Slider

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, etc. It is responsive and works in all major browsers (including IE 6 and mobile browsers). There is a neat fall-back feature where you can add an href to each hyperlink slide trigger so that the user will be directed to a cloned page somewhere else on your server if JavaScript is disabled. As the name suggests, you can put anything inside a slide, which will scroll to view overflow just like any normal page.

COMPLETE INFO & DEMO

page-animate-web-page-slider-

AnythingSlider EasyInstall Responsive jQueryPlugin

This is a jQuery plugin that enables the developer to simply call a jQuery function on any element. It will then grab each child within that element and integrate it into a customizable carousel. There are many different settings which are extremely easy to use. The settings are passed to the plugin in the HTML file when it is called.

COMPLETE INFO & DEMO

anything-easy-install-jquery-slider-plugin-

WOW Slider (Free)

WOW Slider is a responsive jQuery image slider with amazing visual effects (Rotate, Blur, Flip, 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.

COMPLETE INFO & DEMO

wow-slider-[3]

FlexSlider (Free)

FlexSlider is an awesome, fully responsive jQuery slider toolkit with simple, semantic markup, support in all major browsers, horizontal/vertical slide and fade animations, multiple slider support, callback API, and more. It also has a hardware accelerated touch swipe support, custom navigation options and compatibility with the latest version of jQuery.

COMPLETE INFO & DEMO

flexslider-2

Blueberry (Free)

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

COMPLETE INFO & DEMO

blueberry-

ThumbnailGallery (Free)

jQuery Plugin for creating image galleries that scale to fit their container.

COMPLETE INFO & DEMO

jquery-responsive-thumbnail-gallery-plugin-

Elastislide (Free)

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.

COMPLETE INFO & DEMO

elastislide-

Responsive Image Gallery with Thumbnail Carousel (Free)

A responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” it implements a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. It is also possible to navigate it with the keyboard.

COMPLETE INFO & DEMO

responsive-image-gallery-

iView Slider (Free)

iView Slider is a Responsive jQuery Slider Plugin with 35 built-in transition effects. It can slide any content like images, HTML, Video. The slider is reponsive so that it will auto adjust the image according to the device. It is great in touch interfaces also. iView Slider has animated HTML5 captions with lot of custom effects.

COMPLETE INFO & DEMO

iview-

Elastic Image Slideshow with Thumbnail Preview (Free)

This jQuery plugin allows you to create a simple elastic slideshow with 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.

COMPLETE INFO & DEMO

elastic-image-slideshow-

RSlider (Free)

Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your own slider. If you are not the programmer or you just don’t want to re-invent the wheel, RSlider is for you. Its a full screen responsive image and content slider powered by the fantastic javascript library jQuery. With a nice and simple design it adjusted automatically to the width of your browser screen.

COMPLETE INFO & DEMO

fullscreen-responsive-image-slider-

9 Responses to “50 of the Best Responsive jQuery Slider Plugins”
  1. vijay April 15, 2013
  2. Dario Zadro May 23, 2013
  3. Yogesh Seo Freelancer June 1, 2013
  4. findw3 June 3, 2013
  5. Tony N.V June 5, 2013
  6. Osman Erdi June 11, 2013
  7. neloy July 2, 2013
  8. Willy Grmisch July 10, 2013
  9. aliceli September 11, 2013

Leave a Reply

Your email address will not be published. Required fields are marked *