- Responsive design friendly
- Linking input fields
- Dragable range
- Works with jQuery (1.7+) or Zepto
- No jQueryUI dependencies
- Touch support for iOS, Android & Windows (phone)
- Tested in IE7 - IE11, Chrome, Opera, Firefox & Safari
noUiSlider is a range slider without bloat. Using well structured scripting and styling methods make sure noUiSlider is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course!
Lets look at another example. We'll go all out this time!
Well written and lightweight
When using noUiSlider in your forms, users get all the functionality they've come to expect, and powerful API's make implementation easy. When gzipped and minified, noUiSlider and the default CSS theme take just 4024 Bytes.
Super simple API design
The noUiSlider API is compatible with the standard HTML input methods, so the slider is extremely easy to use. You can select a group of
$('input[type="number"], select, .noUiSlider'), and calling
.val(50) will just work.
Responsive all around
noUiSlider works with pretty much any device, mouse, touchscreen or both, and it'll work beautifully in responsive designs. Have you tried this documentation on your phone?