Select theme

noUiSlider

JavaScript Range Slider. For more information click here.

Slider colors can be modified by using the .slider-{color}-{shade} classes.

.slider-primary-100

.slider-primary-300

.slider-primary-500

.slider-primary-700

.slider-primary-900

.slider-default-100

.slider-default-300

.slider-default-500

.slider-default-700

.slider-default-900

.slider-success-100

.slider-success-300

.slider-success-500

.slider-success-700

.slider-success-900

.slider-info-100

.slider-info-300

.slider-info-500

.slider-info-700

.slider-info-900

.slider-warning-100

.slider-warning-300

.slider-warning-500

.slider-warning-700

.slider-warning-900

.slider-danger-100

.slider-danger-300

.slider-danger-500

.slider-danger-700

.slider-danger-900