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 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).
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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).
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Sonny is a freelance web developer who specializes in creating WordPress websites for clients. Aside from his passion for coding, he also writes interesting topics about graphic and web design, photography, social media and anything creative. He has also appreciates humor, eco-adventures, and anything along that line.