Skip to content


Subversion checkout URL

You can clone with
Download ZIP
noUiSlider is a lightweight JavaScript range slider library. It offers a wide selection of options and settings, and is compatible with a ton of (touch) devices, including those running iOS, Android, Windows 8 and Windows Phone 8.
JavaScript CSS HTML
Failed to load latest commit information.
distribute Version and creation
documentation Clarifications requested in #472
src Version and creation
tests Link to tests
.gitattributes Bower, again.
.gitignore Bower, again.
Gruntfile.js Version and creation Update
bower.json Bower json
package.json Version and creation


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.



Fix #464, added NPM information;


Fixed an issue with IE11 on touch devices.


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

Version numbering follows the 'Semantic versioning' style. You'll find an excellent documentation at

Something went wrong with that request. Please try again.