20+ Best Free Responsive jQuery Sliders and Slideshows

0

Last modified: June 22, 2016


2016-06-22_110831

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders. It’s a very effective method to increase the web site usability and engage the user.

You may like this:

Collection of the best jQuery Images Slider Plugins that would help you to organize and display your images, contents on your websites and make them responsive so that they can viewable on mobile devices as well.

If you are looking for best free Responsive jQuery Sliders and Slideshows Plugins for your website. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery. Enjoy !!

jQuery Sldr

These images are jpgs masked using a CSS transform method (and a filter method for IE). They are completely responsive and support the following desktop browsers; Chrome, Safari, Firefox, IE 8+, and mobile browsers; IOS 3+, Android 4+.

DEMO DOWNLOAD

2016-06-22_093609

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

2016-06-22_103530

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

2016-06-22_104024

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

2016-06-22_104713

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

2016-06-22_105931

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

2016-06-22_110245

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

2016-06-22_110435

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

2016-06-22_110643

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

2016-06-22_110831

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

2016-06-22_155514

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.

DEMO DOWNLOAD

hislider

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.

DEMO DOWNLOAD

2016-06-22_160711

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.

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.

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.

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.

DEMO DOWNLOAD

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

DEMO DOWNLOAD

stack-slider

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.

DEMO DOWNLOAD

SlitSlider

Share.

About Author

I am a web developer and freelance writer with over 2 years experience in web development and writing. I specializes in Web Development, Custom WordPress Development. I enjoys sharing his knowledge with others on tutozone.net

Leave A Reply