7 Best Custom Range Slider JavaScript Libraries (2020 Update)

This is a unique and up-to-date list of 7 best JavaScript libraries (plugins) to replace, beautify, and enhance the default browser range slider (Input Range Object) with ease. Have fun.

Originally Published Mar 02 2018, updated Mar 26, 2020.

1. rangetouch

rangetouch

Demo Download

A super tiny library to make <input type='range'> sliders work better on touch devices.


2. rangeSlider

Responsive & Touch-enabled Range Slider In Vanilla JavaScript - rangeSlider

Demo Download

rangeSlider is a pure Vanilla JavaScript library that convert regular Html5 range inputs into responsive, mobile-friendly range slider UI controls.


3. Verly Range Slider

Verly Range Slider

Demo Download

Range sliders with some verlet physics magic.


4. Mobile-friendly Custom Range Slider In JavaScript – range-slider

Mobile-friendly Custom Range Slider In JavaScript - range-slider

Demo Download

A responsive, touch-enabled, progressively enhanced range slider plugin that gracefully degrades to a standard HTML5 range input if JavaScript is disabled.


5. Clean Mobile-friendly Range Slider In JavaScript – rangeslider-js

Clean Mobile-friendly Range Slider In JavaScript - rangeslider-js

Demo Download

A tiny JavaScript plugin that converts the normal range input into a pretty clean, fully responsive, and touch-friendly range slider.


6. Animated Customizable Range Slider In Pure JavaScript – rSlider.js

rSlider.js

Demo Download

rSlider.js is a dependency-free JavaScript library for dynamically rendering pretty nice range sliders with custom scales, labels, and tooltips.


7. Lightweight Accessible Range Slider Component – aria-progress-range-slider

Lightweight Accessible Range Slider Component - aria-progress-range-slider

Demo Download

A tiny and easy JavaScript library to create responsive, accessible, customizable, touch-friendly range slider & progress bar components on the web application.


More Resources:

Looking for more JavaScript solutions to create range sliders on modern web applications? Here are some resources you might find useful:

You Might Be Interested In: