noUiSlider is lightweight JavaScript range slider, originally developed to be a jQuery UI alternative. It features cross-browser support, a wide range of options and support for a bunch of touch devices. It has been tested on Android phones, iPhone & iPad, Windows phone and touch-screen laptops and tablets and desktops; All modern browsers and IE9+ are supported. The end result? A lean, extendible and bloat-less plugin that'll just do its job.
The best part? noUiSlider has no dependencies! As of version 8, Query is no longer required!
Oh, and the licensing terms are simple: just do what you want.
Quick note (July 10, 2015): I'll be on vacation for the next three months, so support on this library will be very limited. I'm sorry for any inconvenience caused. I'll get back to you asap.
An extensive documentation, including examples, options and configuration details, is available here: noUiSlider documentation.
###8.0.2 Fix #464, added NPM information;
###8.0.1 Fixed an issue with IE11 on touch devices.
###8.0.0 Removed jQuery dependency! For more info and other changes, see the release information.
Bower users can install all compiled and minified files easily using bower install nouislider --save. Supporting bower unfortunately means keeping all compiled and minified versions in the repository.
Install noUiSlider using the GitHub syntax:
npm install leongersen/noUiSlider
This library is UMD compatible, so you can use it in this way:
var noUiSlider = require('nouislider');
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: 40,
connect: "lower",
range: {
min: 0,
max: 100
}
});Version numbering follows the 'Semantic versioning' style. You'll find an excellent documentation at Semver.org.