30 Free Responsive jQuery Image Sliders

If you are interested in adding top class jQuery image sliders on your new or well established website then here you will find the right slider plugins which will assist you to do that properly. Enough though jQuery has simplified the way JavaScript used to work on the browser we are still in need of image sliders to speed up the daily web design and development work. We can modify some of these plugins to make a new slider which is much more efficient for your website

jQuery Image Sliders

jQuery GRIDDER

A jquery plugin to which pops or shows a slide with detailed description of the image on click. The idea has been taken from Google images preview.

Responsive jquery image slider
Slidein description
Smooth Scrolling

Demo | Download

responsive jquery image slider

Useful.Gallery.js: Pinboard Gallery

Using css3 animations and ajax loading, this plugin displays a unique pinboard style gallery which allows multiple options to show images, descriptions etc.

Touch support
Responsive Design
Display Text or images or both
Thumbnail preview

Demo | Download

Pinboard Gallery using jquery plugin

Expandable Image Gallery

A beautiful gallery plugin which expands on click to showcase a full page preview. A great tool to include in your eCommerce product pages.

Full screen preview
Major Browser support
Responsive design
Fluid animation

Demo | Download

Expandable Image Gallery plugin

Jssor Responsive Slider

Recently came across this fully functionally jquery slider and it does its work well. There are limitless slider opportunities which can be unlocked with this open source slider plugin.

Responsive Slider Design
Over 15 Slider options
More than 15 image transition effects
Touch Support
Image gallery, carousel, full width support
Vertical , Banner rotater, listing slider.
Video support

Demo| Download

PgwSlider – Responsive slider for jQuery / Zepto

A single purpose and minimal image slider which is made for just showcasing image slides and nothing more. It is minimal because the jquery code is around 2.5KB making it loading time to a new level.

Responsive Layout
SEO Compliant
All browser support
Simple fade transition
2.5 KB zipped

Demo| Download

Jquery Vertical News Slider

A jquery slider which is responsive and useful for news based websites with slides automated on the left and images displayed on the right.

Responsive
Vertical News switches
Perfect head

Demo| Download

Wallop Slider

This slider has no jquery but i like to introduce it you people since it is minimal in nature and best options for faster page loads. Let me know if you like this one.

Responsive slider layout
Simple design
Slide transition
Minimal JavaScript code
3KB minified

Demo| Download

Flat-style Polaroid gallery

A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.

Responsive Slider
Flat Design
Shuffle transition
Full source code available

Demo| Download

A-Slider

Responsive slider
Audio support
CSS3 transitions (fade)
Set audio on each slide
Slide any content, not just images
No dependencies except jQuery;
Works well with Twitter Bootstrap if required

Demo| Download

HiSlider – HTML5, jQuery & WordPress Image Slider Gallery

Hi Slider introduced a free jQuery slider plugin for personal use to create fancy image sliders with fantastic image transitions.

Responsive Slider
No Coding for you
Multiple Fascinating Templates & Skins
Awesome Transition Effects
Multiple Platforms
Publish to Website, WordPress, Joomla, Drupal
Multi-Media:Images, YouTube Videos & Vimeo Videos
Flexible Custom Options
Useful Action Types
Unlimited Output

Demo|Download

jQuery Image Slider Gallery

Wow Slider

WOW Slider is a responsive jQuery image slider with amazing visual effects (Domino,Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack,Stack vertical, Basic linear, Cube and Seven) 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. Wordpress slider plugin and Joomla slider module are available also.

Fully Responsive
All browser, all devices support
Touch Swipe support
Easy wordpress setup
Highly Customizable
SEO Ready

Demo|Download HTML jquery content sliders

Nivo Slider – Free jQuery Plugin

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning. The Nivo Slider jQuery plugin is free to download and released under the MIT license.

Requires jQuery v1.7+
Beautiful Transition Effects
Simple and Flexible Setup
Small, Semantic & Responsive
Free to Use & Abuse
Powerful & Simple Slider Creation
Multiple Slider Types
Automatic Image Cropping

Demo|Download nivo jquery slider

Simple multi-item jQuery slider + Tutorial

The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider.

Responsive layout
Minimal Design
Fade and slide effects

Demo|Download minimal jquery slider

Full width jQuery image slider

A very simple 100% width slider that scales down to mobile. This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

Responsive jQuery slider
Full width
Minimal Design

Demo|Download full slider

Elastic Content Slider + Tutorial

A fluid content slider that will adjust in width and height depending on the size of its parent. This Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small.

Responsive Design
Click Through

Demo|Download Responsive Content Slider

Free 3D Stack Slider

An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.

Responsive Design
Flip Transition
3D Effect

Demo|Download flips through images in 3D

Fullscreen Slit Slider with jQuery and CSS3 + Tutorial

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.

Responsive Design
Split Transition
Full Screen slider

Demo|Download Fullscreen Slit Slider with jQuery and CSS3

Unislider – The super tiny jQuery Slider

No fancy effects or unnecessary markup, and it’s less than 3kb. Use any HTML in your slides, extend with CSS. You have full control. Everything to do with Unslider is hosted on GitHub.

Cross-browser happy
Keyboard support
Adjusts for height
Yep, it’s responsive
Touch support

Demo | Download super-tiny jQuery slider

Minimal Responsive Slides

Simple & lightweight responsive slider plugin (in 1kb). ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up.

Fully responsive
1kb minified and gzipped
CSS3 transitions with JavaScript fallback
Simple markup using unordered list
Settings for transition and timeout durations
Multiple slideshows supported
Automatic and manual fade

Demo|Download responsive slides

Camera | a free jQuery slideshow

Camera a free jQuery slideshow with many effects, transitions, adaptive layout, easy to customize, using canvas and mobile ready.

Responsive Design
Captions
Add Videos
33 different icon colors

Demo|Download free jquery slider

SlidesJS, a responsive slideshow jQuery plug-in

lidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project.

Responsive Design
CSS3 transitions
Touch
Easy setup

Demo | Download responsive slideshow plug-in for jQuery

bx Jquery Slider

This is a free Responsive jQuery Content Slider.

Fully responsive – will adapt to any device
Horizontal, vertical, and fade modes
Slides can contain images, video, or HTML content
Advanced touch / swipe support built-in
Uses CSS transitions for slide animation (native hardware acceleration!)
Full callback API and public methods
Small file size, fully themed, simple to implement

Demo|Download

The Responsive jQuery Content Slider

FlexSlider 2

The best responsive slider.The slider was restructured for speed, better minification, and minimizing reflows / repaints.

Demo | Download

flexslider

Galleria – Responsive JavaScript Image Gallery

Galleria has been serving top-quality image galleries to millions of web sites during the last years. We couldn’t be happier with all the positive response we received.

Free without restrictions
Fullscreen View
100% Responsive
No programming skills required
iPhone, iPad & touch support
Flickr, Vimeo, YouTube and more
One core, multiple themes

Demo | Download

JavaScript image gallery framework slider

Blueberry – A simple, fluid, responsive jQuery image slider

Introducing a jQuery image slider written specifically for responsive web design. Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Minimal Design
Responsive Layout
Fade Slide

Demo | Download

free jQuery image slider plugin

jQuery popeye 2.1

An inline lightbox alternative with slideshow.The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover.

Responsive Design ? Its a tiny slider
Visible enough
Caption Support
Slideshow

Demo | Download

popeye-box

FractionSlider: Free jQuery parallax Slider Plugin

Check out this awesome jQuery parallax slider plugin. Animate multiple element per slide with full control in every aspect of time and animation. FractionSlider is a jQuery plugin for image/text-sliders. It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction.

Slide animations & responsive
Object animations
Steps
Background animations

Demo|Download

FractionSlider

Free Responsive Image Slider + Tutorial

Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!