25 A Must-Use Free Responsive jQuery Image Sliders

Responsive design is in demand due to the rise of mobile technologies nowadays. As a web designer we can’t afford to lose one visitor from mobile and tablet devices. Whenever you plan to develop responsive websites which comprise ample photos or images, it’s best to use image gallery/slider for these contents. Integrating these sliders in your site keeps images more manageable and organized. With so many image sliders arising in the web nowadays, it’s not easy to choose the best for your site. Nonetheless, worry no more, here’s a roundup of Responsive Jquery Image Slider/Gallery which you can use for your next fabulous web project.

1. RefineSlide

A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.


2. FlexSlider 2

An awesome, fully responsive jQuery slider toolkit.

FlexSlider 2

3. Animated 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.

Animated Responsive Image Grid

4. Elastislide Revised

Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.

Elastislide Revised

5. ResponsiveSlides

Simple & lightweight responsive slider plugin (in 1kb)


6. Sequence

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!


7. Basic jQuery Slider

Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up.

Basic jQuery Slider

8. wmuSlider

wmuSlider, a jQuery responsive slider


9. iosSlider

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.


10. Blueberry

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


11. iView

iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.


12. Photo Swipe

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

Photo Swipe

13. bxSlider

Responsive jQuery content slider


14. Swiper

Swiper – is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works on Android and latest Desktop browsers.


15. liteAccordion v2

Lightweight horizontal accordion plugin for jQuery

liteAccordion v2

16. Bounce Slider

BounceSlider is a tiny jQuery plugin that allows to create simple slideshow using images inside ul. It depends on jQuery and Modernizr to work properly in browsers which don’t support css animation.

Bounce Slider

17. RTP.Slider

A flexible slider plugin. Fluid, touch-compatible and extendable.


18. Camera Slideshow

A jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+

Camera Slideshow

19. Responsly

Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!


20. Nivo Slider

The world’s most awesome jQuery & WordPress Image Slider

Nivo Slider

21. Responsive Image Gallery With Thumbnail Carousel

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement 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. We’ll also add the possibility to navigate with the keyboard.

Responsive Image Gallery With Thumbnail Carousel

22. Elastic Image Slideshow With Thumbnail Preview

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

Elastic Image Slideshow With Thumbnail Preview

23. Filamentgroup: Responsive Carousel

A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.

Filamentgroup: Responsive Carousel

24. jQuery Responsive Thumbnail Gallery Plugin

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

jQuery Responsive Thumbnail Gallery Plugin

25. Fluid CSS3 Slideshow With Parallax Effect

In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides.

Fluid CSS3 Slideshow With Parallax Effect

You may also want to read the related articles below.

You like this post? Why not share it with a buddy?


Posted 7 articles already →

I am a freelance web designer from Cagayan de Oro, Philippines. I do love wordpress, responsive and html5. Contact me for freelance work or check my themeforest portfolio

3 Responses

  1. Great Collection!. Thanks a lot!

  2. one more, I love photobox jquery slider, thanks for the other source

Leave a Reply to aditia