Home » JavaScript » 40 Free Responsive jQuery Image Sliders

40 Free Responsive jQuery Image Sliders

Jquery image sliders are one of the best sliders that mostly website owners used on their websites. We know that Jquery sliders load our website much faster and display our images with professional style. There are thousands of sliders that you can used for your website and make it more user friendly but what if you can’t be able to choose attractive one from thousand of sliders? If you’re in same situation and can’t be able to select one attractive slider then you’re on right place.

Today we’re going to share the top 40 free responsive Jquery image sliders with all of our readers and if you’re regular reader of our site then you must know that we usually share the big collection of some awesome and attractive designs. Here we’ve collected free jquery image sliders that make your website more awesome. These all sliders are responsive and user friendly so your site readers can easily browse your website from different devices and get benefits from your quality content.

If we’ve helped you to find one awesome slider for your website then don’t forget to like and follow us for upcoming updates and share our work with your friends. Do let us know about your feedback in comment section.

Responsive Image Grid

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

Live Preview Download

AnimatedResponsiveImageGrid Slider


A slider is another free and responsive Jquery slider with full width images.

Live Preview Download

best slider

Blueberry Responsive Jquery Image Sliders

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.

Live Preview Download

blueberry js slider

Blueberry Slider

Blueberry is is simple jquery slider that can be added to your site. Free and responsive, this slider is also open source and is updated as the developer (and anyone who would like to contribute) has time.

Live Preview Download

blueberry Slider


The bxSlider is a fully responsive jquery content slider. It’s responsive, includes multiple transitions and animations, and even has touch swipe built in.

Live Preview Download

bx Slider

Camera Jquery Slider

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

Live Preview Download

camera jquery Slider

Elastic Content Slider

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.

Live Preview Download

elastic slider

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.

Live Preview Download

expandable image gallery

FlexSlider 2

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

Live Preview Download

flex Slider


Flexslider by WooThemes is a tried and true responsive slider option. Easy to use with animation and navigation customization options, Flexslider is always a great choice.

Live Preview Download


Fluid JS Slider

This slider is a lovely option to add a slider with radio buttons and an interesting parallax effect. Just add the slider, your images/content, and let the CSS3 transitions do their magic.

Live Preview Download


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

Live Preview Download


Full width jQuery image sliders

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.

Live Preview Download

full slider

Galleria Responsive JavaScript Image Slider

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.

Live Preview Download



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.

Live Preview Download


HiSlider Jquery Slider

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

Live Preview Download


Supersized Jquery Slider

For a stunning full-screen background image slider, Supersized is a fantastic option. Built on the jquery library, this slider/slidershow certainly makes an impact.

Live Preview Download

Jquery Slider

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.

Live Preview Download


Simple multi-item jQuery slider

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.

Live Preview Download

minimal jquery slider

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.

Live Preview Download


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.

Live Preview Download

nivo jquery slider

Nivo Responsive Slider

Nivo slider has been downloaded over 2 million times – evidence that it is a great option when looking for a jquery slider. There are multiple slider types and slider themes to choose from so it’s easy to integrate and match it to your website.

Live Preview Download

nivo slider

PgwSlider – Responsive slider for jQuery

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.

Live Preview Download

page Slider

Parallax Content Slider

Parallax Content Slider adds and extra special touch to your website. The otherwise simple slider includes autoplay or default navigation.

Live Preview Download

parallax content slider

Photoswipe Jquery Slider

Designed specifically with mobile devices in mind, Photoswipe gives your readers the ability to use touch swipe functionality. This makes it easy for them to swipe through sliders or galleries.

Live Preview Download


Pinboard Gallery Slider

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

Live Preview Download

pinboard 1

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.

Live Preview Download


Elastislide Revised Slider

Elastislide Revised is a responsive image carousel with vertical and horizontal layout options. The carousel can also be used as a gallery slider (4 images minimum).

Live Preview Download


Free Responsive Image Slider

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.

Live Preview Download

responsive jquery

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.

Live Preview Download

responsive slides

Responsive Thumbnail Gallery Slider

Use this jquery slider to add elegant sliders with thumbnails of all the slides below the active slide. This is perfect for portfolios, services, homepages, landing pages, etc.

Live Preview Download

responsive thumbnail gallery

Responsly Slidy Slider

Slidy by Responsly is a great responsive option to add a slider to your web design. There are options for buttons, autoplay, and keyboard navigation.

Live Preview Download

responsly slidy

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.

Live Preview Download

Scattered Polaroids Gallery

Sequence Free Responsive Slider

Comes with four cool themes but only modern slide is responsive as apple style and horizontal parallax slides are not fluid here.

Live Preview Download


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.

Live Preview Download


Fullscreen Slit Slider with jQuery and CSS3

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.

Live Preview Download


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.

Live Preview Download

stack slider

Swipe responsive accurate touch slider

Swipe is now compatible with all browsers, including IE7+. Swipe works best on devices that support CSS transforms and touch, but can be used without these as well. A few helper methods determine touch and CSS transition support and choose the proper animation methods accordingly.

Live Preview Download

swipe slider


Wow Slider

WOWSlider is light (6kb gzipped), loads fast, utilizes hardware-accelerated animations. It is successfully used and tested on millions pages (yes, millions), so we can say for sure that it’s virtually bug-free.

Live Preview Download

wow slider

About DesignsRock Editorial

Follow us on Facebook, Pinterest, or Twitter! Get latest update web design trends.

Check Also

Meteor Javascript infographic 310x165

Meteor Developers: Why Need Them ?

Are you trying to find a dedicated team of developers? Learn how to do so in this guide!

Leave a Reply

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