Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
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
README.md Update README.md
bower.json Bower json
package.json Version and creation

README.md

noUiSlider

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.


Documentation

An extensive documentation, including examples, options and configuration details, is available here: noUiSlider documentation.

Changelog

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

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.

NPM

Install noUiSlider using the GitHub syntax: npm install leongersen/noUiSlider

Browserify

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 Semver.org.

Something went wrong with that request. Please try again.