15+ free jQuery responsive sliders and tutorials

15+ free jQuery responsive sliders and tutorials

15+ free jQuery responsive sliders and tutorials


Before going into free and best jQuery responsive sliders and tutorials, lets get reference on jQuery first.

What is jQuery:

jQuery is a feature-rich, small and very fast library built over JavaScript. It provides easy to use API that works across almost all browsers and it also makes things easier like AJAX, document manipulation and traversal, animation, event handling, etc… The main purpose of jQuery is to make it much more easier to use JavaScript on your website even when you do not have that much knowledge of JavaScript, jQuery does all for you with simple API(function) calls.

Why jQuery responsive sliders:

jQuery responsive sliders are a good way to catch the attention of your website visitors. These sliders used to slide images on your website and can be used at many places including gallery, portfolio, testimonials, products, etc… HTML and CSS are best to describe your business online but jQuery enables you to present the information which forces users to stay on your site and make the content of your site very interesting.

If you are searching for best jQuery responsive sliders then here is the list of jQuery responsive sliders. You can pick any one of them which most suites your next web design project. These jQuery responsive sliders are in form of jQuery plugins and it allows you to switch between any of them easily whenever required. You can enable some of the jQuery responsive sliders with just one line of code.

List of jQuery responsive sliders:

1. bxSlider

bxSlider - jQuery responsive sliders
bxSlider

It is a responsive jQuery content slider

Features:

  • 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
  • Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
  • Tons of configuration

View Demo    Download

2. Blueberry

Blueberry - jQuery responsive sliders
Blueberry

It is a jQuery image slider written specifically for responsive web design.

Features:

  • Responsive
  • Cross Browser
  • Simple configuration options

View Demo     Download

3. Expandable Image Gallery Tutorial

Expandable Image Gallery in CSS and jQuery - jQuery responsive sliders
Expandable Image Gallery in CSS and jQuery

An image that expands on click, going full-width and turning into a gallery.

Features:

  • Responsive
  • Advanced CSS3 Transitions
  • Cross Browser

View Demo    Download

4. PgwSlider

PgwSlider - jQuery responsive sliders
PgwSlider – jQuery responsive sliders

Responsive slider for jQuery / Zepto

Features:

  • Fully responsive slider
  • Less than 4 KB (minified and gzipped)
  • All browsers supported (desktop and mobile devices)
  • SEO compliant

View Demo    Download

5. Minimus Slider

Minimus slider - jQuery responsive sliders
Minimus slider – jQuery responsive sliders

This Slider (mini muslider) is the compact brother of the jQuery content slider μslider (to be read “muslider”) by musings.it.

Features:

  • Responsive
  • Simple configuration options
  • It can contain anything images, HTML5 videos, HTML5 audio, iframes, text, etc…

View Demo    Download

6. Camera

Camera - jQuery responsive sliders
Camera – jQuery responsive sliders

This slideshow is an open source project, based on Diapo slideshow

Features:

  • Responsive
  • Cross Browser
  • WordPress plugin available
  • Skin options
  • Configuration is easier with API

View Demo    Download

7. A-Slider

A-Slider - jQuery responsive sliders
A-Slider – jQuery responsive sliders

It is a responsive slider with audio support with better performance and easily configurable.

Features:

  • No external dependencies; works well with Twitter Bootstrap, Foundation, and Angular JS
  • Specify optional audio for each slide
  • Specify slide duration individually for each slide
  • Supports multiple sliders on the same page
  • Uses CSS 3 transitions for better performance
  • Slide any content, not just images
  • All configuration done using HTML attributes – no javascript configuration needed

View Demo    Download

8. tiksluscarousel

Tikslus Carousel - jQuery responsive sliders
Tikslus Carousel – jQuery responsive sliders

It is one of the best jQuery responsive sliders which provides lightweight carousel as well as customized version with lots of configuration options.

Features:

  • Responsive
  • Cross Browser
  • Pause/resume support.
  • Switch to full screen view
  • Introducing Navigation Icons
  • Thumbnails based navigation
  • Zoom-in Zoom-out Effect
  • Displays Number of current Slide playing

View Demo    Download

9. Skippr

Skippr - jQuery responsive sliders
Skippr – jQuery responsive sliders

It is a lighter, faster slideshow plugin for jQuery.

Features:

  • Responsive
  • Cross Browser
  • Configuration is easier with API

View Demo    Download

10. lory

lory - jQuery responsive sliders
jQuery responsive sliders – lory

It is touch enabled minimalistic slider written in vanilla JavaScript

Features:

  • Hardware accelerated transitions
  • Usable as a jQuery plugin
  • Options for custom easing effects
  • Infinite looping ~ carousel
  • No compromises for fallbacks

View Demo    Download

11. Sudo Slider

Sudo Slider - jQuery responsive sliders
jQuery responsive sliders – Sudo Slider

It is the most versatile jQuery content slider

Features:

  • Uses CSS animations in compatible browsers
  • Can contain ANY HTML
  • Place navigation anywhere
  • Lots of animations
  • Can load AJAX content
  • Supports IE6+, Chrome, Firefox etc.
  • A pack of demos to get started

View Demo    Download

12. Unslider

Unslider - jQuery responsive sliders
Unslider – jQuery responsive sliders

No fancy effects or unnecessary markup, and it’s less than 3kb.

Features:

  • Cross-browser compatibility
  • Keyboard support
  • Responsive and adjusts for height

View Demo    Download

13. WOW Slider

WOW Slider - jQuery responsive sliders
WOW Slider – jQuery responsive sliders

One good sliders for whom who does not like to code much. This slider provide many options and configuration to adjust the slider according to need.

Features:

  • Responsive Design
  • Live Preview
  • Simple to Use
  • Highly Customizable
  • Cross-browser compatibility
  • Full width slider
  • SEO Friendly
  • Automatic Sizing and Cropping
  • Lightweight and fast
  • Touch/swipe navigation
  • and much more

View Demo    Download

14. Slippry

Slippry - jQuery responsive sliders
Slippry – jQuery responsive sliders

It is an awesome jQuery slider plugin.

Features:

  • Responsive Design
  • Built with modern techs including HTML5 + CSS3 + jQuery
  • Simple to use

View Demo    Download

15. Sequence

Sequence - jQuery responsive sliders
Sequence – jQuery responsive sliders

It is the Responsive Slider with Advanced CSS3 Transitions

Features:

  • Responsive
  • Advanced CSS3 Transitions
  • Touch Support
  • Cross Browser
  • Easily Modified
  • Layered PNG Included

View Demo    Download

16. desoSlide

desoSlide - jQuery Responsive Sliders
desoSlide – jQuery Responsive Sliders

Take control of your slideshow with this powerful jQuery plugin desoSlide.

Features:

  • Responsive
  • Easy to use
  • Easily Customizable
  • Cross Browser
  • Allowing captions for slides
  • Infinite sliders on single page

View Demo    Download

Furthermore, I am sure there are some other good jQuery responsive sliders are out there which I’ve not included in above list. If you have used any other slider which works really great then please feel free to suggest via comment or drop me an email. All suggestions are much appreciated and I will include those in the list above for jQuery responsive sliders.

No Comments (0)

Speak Your Mind

two + 7 =