Nouislider - v14.0.2

Our customized 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/8.1/10, Windows Phone 8.1 and Windows Mobile 10.


<!-- Simple slider -->
<div class="input-slider-container">
  <div id="sliderRegular" class="slider"></div>

Range slider

<!-- Range slider container -->
<div class="input-slider-container">
  <div id="sliderDouble" class="slider slider-primary"></div>


In order to use this plugin on your page you will need to include the following script in the “Optional JS” area from the page’s footer:

<script src="/assets/vendor/nouislider/js/nouislider.min.js"></script>


Simply copy one of the code examples demonstrated above and include it in your page. Afterwards, you can modify the slider’s values with the ones you need.