Slider

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.

noUiSlider
Using HTML5 input elements
Non linear slider
Colored Connect Elements

Locking sliders together

noUiSlider's connect elements can be individually colored or otherwise styled.

Changing the slider by keypress
Skipping steps

Notice how 40 and 80 can't be selected on the slider.

Huge numbers

If you are working with arbitrarily large numbers, you should not use these directly in noUiSlider, as you'll run into some JavaScript limitations. Instead, you should map your values to an array.

Adding keyboard support

Much like the keypress example, handles can be made keyboard-focusable.

Working with dates
Soft limits
Theme Selector
Multi Language