Home » Coding » 30 Free Responsive jQuery Image Sliders and Slideshows
Free Responsive jQuery Image Sliders

30 Free Responsive jQuery Image Sliders and Slideshows

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.

Either ways you will need only add some captions, images and take notes of some transition effects that comes with the slider to get started straight away. There are detailed documentation for these plugins so adding new transition effects is not a big deal. Change event based triggers if you are an advanced jQuery programmer.

Latest evolving trends like responsive design is really very important option some of us look into while implementing plugins or scripts on our HTML or php websites. All these reviewed jQuery image sliders are fully responsive and i have check every one of them myself. Please share any new sliders you have come across recently with us as well. Everything found in 2014 has been included here.

Like to see More jQuery?

jQuery Image Sliders

Responsive Image Slider

Mobile-ready, touch-swipe image slider that looks amazing on any devices and browsers. Add images, text, videos, thumbnails, buttons to slides, set autoplay, full-screen, full-width or boxed layout. Free for any use.

Demo More Info / Download Responsive Image Slider

jQuery Sldr

DemoDownload Free jQuery slider Plugins


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 jssor

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 pageslider


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 newslider


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 wallop slider


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 Scattered Polaroids Gallery



  •  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 a-slider

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!

  • Responsive Image Slider
  • Fade Effect
  • Left, right arrows
  • Green buttons
Demo|Download Responsive Image Slider in jQuery and CSS3

Sequence – Free Responsive Slider with Advanced CSS3 Transitions

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

  • Three Great free Themes
  • Sliding Horizontal Parallax
  • Apple Style
  • Minimalist Modern Slide (Responsive slider skin)
  • Touch Support
  • Easily Modified
  • Cross Browser
Demo|Download Responsive minimal slider

Swipe – Free responsive accurate touch slider

  • Responsive
  • Resistant Bounds
  • Scroll Prevention
  • Library Agnostic
  • IE7+ Compatible
Demo|Download most accurate touch slider


Past Contributors: Allie Kingsley

Disclosure: This page may contain external affiliate links that result in us receiving a commission, at no additional cost to you. The opinions are personal and strictly based on our understanding of the product.

About Rijo Abraham

Rijo is the Heart & Soul of DesignSeer. Writes honest reviews based on facts, that are easy to digest, that are not personally biased. Loves to interview those in the realm of WordPress. Hobbies; Takes Amazon Polly way too seriously.


  1. suryateja

    how to download these templates

    • Rijo

      which one are you particularly referring to ? Use the download button to go to download page.

      • Asif

        how to download these templates

        • Trolley

          how download to these templates

          • Bus

            how these templates to download

      • kamal

        the !!!!!!!!!!!!!!!!!!!!!!!!!!!!!

        • Rijo

          What is it kamal. The keyboard gaveup or something :)

    • Ēriks Razguļajevs

      I also like ArtDesignUI because they offer excellent products, another thing about their slider is that it automatically resize images with different dimensions

  2. Md Abul Bashar

    the great /free-responsive-jquery-image-sliders/ post, good good slider thanks admin for this post.

    • Rijo

      Good to know that you ppl loved this topic. Updates coming…

      • asif blts

        post new qube slder

          • subrata mondal

            allie please updates………i am waiting.

      • Gul

        you are right

  3. irfan khan

    Nice collection of sliders thanks

  4. cooltmr

    Thanks.. You are amazing

  5. dipali namdev zade

    Thank you very much for providing us this nice collection of sliders………..
    . .

  6. Pranay Banerjee

    Its Is very useful side specialy our work please update latest jquary slider for help our work.

  7. Ramji Pandey

    very nice……………..

  8. vibhu

    Any 3D image slider in jquery?????

  9. cde

    Thank you bcd

    • yoyo

      rock sliders

    • mai hu na

      yahoooo nice slider

      • slider

        yeaaaah we’re sliding in the comments too

  10. vinamra

    that was really helpful……….thanks

  11. fas

    I need full width responsive + jquery slider. is there ?

  12. Ashish Ajani

    Nice article and very good collection.

  13. mehdi

    Thank You Very Much

  14. Muhammad Asif

    Nice collection of sliders thanks

  15. Ninusha

    It is very useful.Thanks

  16. Shofiq

    Wonderful v v thanks

  17. Athlons

    How to install it?
    Please guide me. Thank you.

  18. king musa

    Hi guys Love this its great work

  19. vikash dobhal

    nice slider plugins for website ..

  20. hossein

    thank you very very good

  21. ifthakhar

    I need Responsive news scroll Multiple Slides Visible …..kindly help me

  22. csamms

    awesome designs.. thanks for them

  23. Click Katihar

    It is very helpful thanks a lot..l

  24. Gldss Saraiva

    Thank your help is good!

  25. Navin

    Very Nice Slider

  26. sanjeev agrahari

    thanks very nice slider

  27. victor

    oho ho ha!!!!!!!!!!!!! boy oh boy make me slide in this comments too…

  28. tutorial89

    how to use if i can include my blogger?

  29. Mitch

    @Galleria – Responsive JavaScript Image Gallery

    I would not trust these guys.
    We tried a few times and DIBS (who the heck are these clowns, or are they just pure SCAM?) just displayed about some error with some script not loading ???

    HELLO ???

    After we punched in the credit card details and they know our bank already ???

    HELLO, how much do we care about your EFFEN site not working?

    Credit card canceled, (we don’t want to find out a few days later that we are a few thousand dollars lighter)

    After we contacted Daniel about this, … HE KEPT PROFESSIONALLY QUIET.

    A team at work?

  30. oktari

    Nice! Helpfull. Thanks

  31. urmi

    nice sliders…

  32. Suresh

    thanks …. Good slides

  33. جون كولا

    another one slider here

  34. Musarrof

    Great site all of nice jQuery here..:)

  35. Hamidreza

    thanks….Good web slider

  36. Saraiva

    Great collection of sliders! I like Nivo one. Another nice slider – http://cssslider.com/ – responsive and made w/o javascript

  37. Urbain

    Hey Rijo,

    That’s quite a comprehensive list you’ve put together!

    Is there one (or two) in particular you would recommend?

    A new one I found was http://imageslidermaker.com – which is an online generator for creating responsive sliders.

    Much appreciated, and many thanks.

  38. Devarshi

    Awesome work guyzz, thank you very much!!

  39. enrique iglesias

    I need a product slider…….. give me a suggetion please

    • vimal

      which type product you want show in slider .

  40. sancoLgates

    great list, thanks!

  41. manoj

    nice slider thanks,

  42. neon

    thks dude, made my night

  43. دوربین مداربسته


  44. ismail dahchem

    well done thaaaaaaanks

  45. Mauricio

    Sometimes when developing a website, I have to deal with images with different resoltion.. To make it look nice, normally take me a while.. Any suggestions of a slider which offers a simple way to show images in any size?

  46. Gulshan kumar

    Well done :)

  47. justresponsive

    Very nice and lovely Music and Band jQuery Image and Content Sliders.I really want to say Thanks.

  48. anurag

    can any one provide two part slider on with image and another with content

  49. Saji fath

    awesome sliders

  50. tapan mallik

    i like it….

  51. Mian Shahzeb

    Great sharing.

  52. BestdesignHelp

    I’ve been using the PgwSlider jquery plugin for my lightwindow solution…it has proven to be the most flexible of the ones I’ve tried out. Great list though. Thanks. :)

  53. Anuj Banger

    Jquery slides makes the site look really good. But it is hard to find good jquery sliders. Thanks for sharing this awesome post with us.

  54. Banu

    Being new to the blogging world I feel like there is still so much to learn. Your tips helped to clarify a few things for me as well as giving.

  55. Barbara Glowam

    Thanks for sharing.
    You can try Avartan Slider WordPress plugin.

  56. sam

    Thanks for sharing these perfect ideas.

    • Rijo Abraham


  57. karan

    nice slider awesome….

  58. gaurav

    thanks for this sliders

  59. mahdi

    thank you for this article . very beautiful sliders

Leave a comment

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

three × 3 =