5 Free jQuery Slider Plugins for Responsive Web Designs

1. FlexSlider


FlexSlider is a fully responsive and robustly featured responsive jQuery slider plugin. The jQuery plugin supports iOS and Android devices by providing native touchscreen commands like touch swipe navigation. It only takes 3 steps to get started with FlexSlider.

2. Liquid Slider

Liquid Slider

Liquid Slider is a responsive content slider that’s optimized for HTML5. What’s great about Liquid Slider is that you can customize your own build so that you’re only including features that you need, making it as lightweight and bloat-free as possible when you use it in your responsive web designs.

3. Refine Slide

Refine Slide

RefineSlide is a 3D transform- and CSS transition-enabled jQuery content slider plugin that can be used for transitioning your HTML elements. The plugin is fairly lightweight for what it can do — it’s only 10.7kb when minified. It also supports hardware acceleration on browsers that have the capability.

4. Nivo Slider

Nivo Slider

Nivo Slider is a free, open source jQuery slider plugin that can make your responsive web design look great. The plugin contains 16 beautiful transition effects like slicing, sliding, fading, and folding. It supports keyboard navigation, HTML captions, and pre-built themes — and all these features at only 15kb. The Nivo Slider WordPress plugin (which isn’t free) allows you to easily integrate the Nivo Slider plugin into your WordPress site.

5. bxSlider


bxSlider is an excellent jQuery plugin for sliding your responsive content — your slides can be images, videos, and any other HTML element. It has many configuration options so that you can truly customize your content sliders exactly the way you want them.

What’s your favorite jQuery plugin for responsive content sliders? Share them in the comments!

  • Very Handy post , Defiantly going to use one of these sliders

  • bxslider is amazing.

  • @Aswad Glad you like the post, please try all these sliders. It will be really helpful for creating responsive websites.

  • @fotis thanks for checking the bxslider, please check other sliders too.

  • Wow very handy post of responsive web design.

    I like all but mostly second one.
    I used it in my project,

    Thanks for the post dude…!!!!

  • Max

    Thanks for this man

  • Willy Grmisch

    Thank you, great collection…

    I also found this one very useful online slideshow creator and it’s totally free:

    it also support great effects (e.g. kenburns, flipp, explode, …)

  • Very useful, many thanks

  • John

    Great collection!

    I’d like to share a slider I found recently here: http://www.anowave.com/ultra-lightweight-responsive-carousel/

    It’s free and may be useful to someone.

  • Thank you, great collection…

    I also found this one very useful jquery slider and it’s totally free:

    WYSIWYG & Full-Customise

  • Ajay

    Can you get me the files in zip format of bxslider.

  • Faniso

    Nice collection. FlexSlider just does it for me. Good job guys.

  • Alkesh Miyani

    Great Collections…

    I have one suggestion on it!

    Avartan Slider comes with easy user interface and third party video integration like Youtube, Vimeo video with image preview. This is really nice slider plugin to overcome issue of your nice presentation of your home page. This slider are available in 2 different version, Lite and pro.

    Lite Version URL – https://wordpress.org/plugins/avartan-slider-lite/

  • Arnold Worrell

    Hi Alkesh, I have installed Avartan Slider Lite in my website. It works great. I also recommend it to my friends and co partners.