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.
An extensive documentation, including examples, options and configuration details, is available here: noUiSlider documentation.
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.
###8.0.0 Removed jQuery dependency! For more info and other changes, see the release information.
This library is UMD compatible, so you can use it in this way:
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.
The plugin code can be managed using a Grunt-based task runner.
Use npm install
to fetch all dependancies, then grunt concat
to merge all files.