Preview Download

Noui Slider

noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs.

refreshless.com/nouislider/

github.com/leongersen/noUiSlider

Documentation

Licence

v15.7.0

We used some 3rd party plugins while developing the Qoduby template. We have customized these plugins according to our template. You can view examples of this plugin below.

You can find the original documentation of this plugin in the info card above.

Basic Example

										
<div id="slider"></div>

										
var slider = document.getElementById('slider');

noUiSlider.create(slider, {
    start: [20, 80],
    connect: true,
    range: {
        'min': 0,
        'max': 100
    }
});