The advent of jQuery totally revolutionized the web designing industry. jQuery brings a revolution in designing and developing websites coming with a lot of new options and features which now have been used gigantically. It is due to jQuery that the websites work so swiftly changing our thoughts about websites. When we talk about jQuery then the best thing which comes to our minds is the plugins which will help us in saving our valuable time. Image sliders and content are the weapons which a website owner uses to make his/ her website more attractive and elegant. These sliders allow you to highlight your important content that you want to highlight on your website. These sliders improve the look of the website so that it can gain great visitor’s attention.
jQuery with its attractive responsive slider plugins are very helpful for highlighting the web content via images, text etc.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 these days.
Today we have collected Most attractive and Responsive jQuery sliders.Hope you like this collection.
First some Responsive jQuery sliders
Full Width Slider 2.0 – MORE INFO / DEMO
Full Width Slider 2 is easy to use jQuery image slider optimized for full screen width.
All in one Slider jQuery Banner Rotator / Content Slider –MORE INFO / DEMO
With the All in one banner rotator plugin you get a all round slider script. It can be configured to act as banner rotator for using jquery banner animation style. It also supports thumbnails banners, banners with playlist, sliders and carousels with html content. The All in one Slider is responsive and it will adapt to fit tablet and mobile screens.
Royal Slider – Touch-Enabled jQuery Image Gallery – MORE INFO / DEMO
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 practises of HTML5, CSS3 transitions are used for all animations (with fallback).
Page Animate Webpage Slider – MORE INFO / DEMO
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.
Layer Slider (Must see parallax effects) – MORE INFO / DEMO
Layer Slider is a jQuery content slider that makes it easy to add the cool parallax-effect to your slides. It is possible to add as many layers and sublayers as you want using the slide designer tool.
Showbiz Pro Responsive Teaser JQuery Plugin – MORE INFO / DEMO
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 Possibilites. Please check out the examples to see for example how a small preview view expands to a rich detailed panoramic view. All fits nicely in the designated area.
Lush – Content Slider – MORE INFO / DEMO
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.
Revolution Responsive Slider jQuery Plugin – MORE INFO / DEMO
The Revolution Responsive Slider makes it simple to implement responsive sliders with great interactive effects and 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.
TouchCarousel – jQuery Content Scroller and Slider – MORE INFO / DEMO
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.
jQuery Banner Rotator – MORE INFO / DEMO
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.
Translucent – Responsive Banner Rotator / Slider – MORE INFO / DEMO
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption.
Supports Responsive and fluid layouts.
Supports touch swipe navigation on iPad and Android tablets.
8 example variations included with source package.
Around 55 plugin settings included for deeper customization.
The captions can be customized by both plugin settings as well as CSS .
jQuery OneByOne Slider Plugin – MORE INFO / DEMO
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.
CCSlider – jQuery 3d Slideshow Plugin – MORE INFO / DEMO
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. See below for a list of features available in the plugin.
UnoSlider for WP – Responsive Touch Enabled Slider – MORE INFO / DEMO
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.
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.
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. 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.
Responsive KenBurner Slider jQuery Plugin – MORE INFO / DEMO
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.
jQuery Sliders for non-responsive layouts
jQuery Grid Style Slider – MORE INFO / DEMO
This is a jQuery grid slider with support for multiple categories, expandable HTML content, and lightbox. The slider is fully configurable and resizeable through the plugin’s parameters and style-sheet.
li JQuery Slider/Image Rotator – MORE INFO / DEMO
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!
Estro – jQuery Ken Burns & swipe effect slider – MORE INFO / DEMO
You can create all Galleries you want with elegance and style. The sliding effect for both images and text.
jQuery Slider Evolution – MORE INFO / DEMO
Showbiz Business Carousel jQuery Plugin – MORE INFO / DEMO
showbiz is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents… basically all business information thinkable.
jQuery Drag Expose | Draggable Image Gallery – MORE INFO / DEMO
Show your photos in a different way – Let the user drag & drop them to slide the gallery!
jQuery Timeline Slider – MORE INFO / DEMO
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.
jQuery Simple Slider Plugin – MORE INFO / DEMO
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.
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
Paradigm Slider jQuery Plugin – MORE INFO / DEMO
Paradigm Slider jQuery Touchable Plugin – The premium way of using a slider in your website..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.
DDSlider – 10 Transitions – Inline Content Support – MORE INFO / DEMO
DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.
Free jQuery Sliders
jQuery Slideshow using CSS Sprites – MORE INFO / DEMO
This cool slideshow has a very smooth animated transition and customizable animation orchestration that works great in all popular browsers.
This popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image.
jQuery Responsive Gallery Plugin – MORE INFO / DEMO
This is a free jQuery plugin you can use to add image galleries to your pages. The plugin is responsive and scale to fit their container you add it to.
BlogslideShow is a free open code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.
Introducing a jQuery image slider written specifically for responsive web design.
jQuery Tiny Slider is a small and lightweight jQuery-plugin to create simple inline slideshow.
Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.
Gallery Using z-index and jQuery – MORE INFO / DEMO
You can create an effect where pictures are animated to look like they were discarded one after the other by clicking. This is made using z-index and jQuery.
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.
Background Image Navigation with jQuery – MORE INFO / DEMO
This is a beautiful navigation that has a background image slide effect. It has three list items that contain the same background image but with a different position. The background image for each item is animated to slide into place in different times, creating a really nice effect.
A gallery that “morphs” images between transitions.
Sliding Boxes and Captions – MORE INFO / DEMO
The animation of the sliding element of this plugin either show or cover up the viewing area, thus creating the sliding effect.
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.
This scroller is different from others because it is completely autonomous and will begin scrolling once the page loads.
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.
BBC Radio 1 Zoom Tabs – MORE INFO / DEMO
This jQuery effect that can be used as a gallery to where pictures can be presented in a nice slide that automatically changes pictures the moment a mouse is on top of a navigation button.
Supersized jQuery plugin – MORE INFO / DEMO
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.
Thumbnails Navigation Gallery with jQuery – MORE INFO / DEMO
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.
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.
Revealing Photo Slider – MORE INFO / DEMO
This slider has thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.
Sideways – Fullscreen Gallery – MORE INFO / DEMO
Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.
Contextual Slideout Tips With jQuery & CSS3 – MORE INFO / DEMO
This effect is an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.
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.
The s3Slider jQuery plugin is slideshow that displays objects with layers that can be positioned anywhere over it.
This jQuery slider features smooth transition effects and is compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
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.
A simple slider/slideshow which mostly emulates the one on iTunes barring few changes.
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.
Compact News Previewer with jQuery – MORE INFO /| DEMO
This acts as a news previewer that lets you show your latest articles or news in a compact way. The news previewer will show a list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.
This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.
Annotation Overlay Effect with jQuery – MORE INFO / DEMO
You can create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio using jQuery.
BxSlider is a jQuery content slider and image slideshow that features horizontal, vertical, fade transitions and display and move multiple slides at once (carousel).
Use this stunning slider to entertain your readers while scrolling what feature your website has. It has a very smooth user interface that gives your image an added aesthetic appeal.
Slick Auto-Playing Featured Content Slider – MORE INFO / DEMO
Slick Auto-Playing Featured Content jQuery slider has is a main content area, which slides from left to right each with different unique content.
The HTML5 jQuery slider is a free image slider plugin. You can use this script to create HTML5 canvas based slideshows with a fancy transitioning effect.
This 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.
Polaroid Photo Viewer – MORE INFO / DEMO
You can see your images as if it were stacked one on top of the other with this glamorous effect.
Scroll your elements with this nice effect which is easy to install. With magic scroller, you can scroll your display vertically to expose its elements, iframes, or imáges. As a precondition all the elements have to be of equal size, and the mask needs to be proportional to the elements per row.
PikaChoose is a lightweight jQuery slider plugin allowing for easy presentation of photos with carousels and lightboxes! Pikachoose is designed to be easily installed and easy to setup.
Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
AnythingSlider brings together the functionality of all previous sliders and their features.
SlidesJS is a responsive slideshow plug-in for jQuery with features like touch and CSS3 transitions.
Agile Carousel JQuery plugin – More Details / Demo
Agile Carousel is fully customizable which can easily build to your requirements. It implements your slides with the Agile Carousel jQuery Plugin.
Minimalistic Slideshow Gallery with jQuery – MORE INFO / DEMO
Minimalistic Slideshow Gallery with jQuery is a beautiful slideshow gallery that can be easily integrated in your web site. It has a container with a slideshow and the options to 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.
Related Posts Slide Out Boxes with jQuery and CSS3 – MORE INFO / DEMO
This awesome effect works like a little widget that can be used to show related posts in any page. It shows a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out, revealing the title and two links, one for the related article itself and one for the demo.
It is an amazing jQuery plugin that simply generate carousels. It shows each slide with image plus related content.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates.
jQuery Infinite Carousel Plugin – More Details / Demo
The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion.
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content.
Responsive jQuery Content Slider – More Details / Demo
It is fully responsive – will adapt to any device. Slides can contain images,video and html content in Horizontal, vertical, and fade modes. It uses CSS transition and supported all browser.
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.
It is free elegant plugin that use for featured content. it easily customization and flexible integration.