Building & Customizing HTML5 Range Sliders

19°

Web developers who have been keeping up with HTML5 specs know about the fascinating range slider. It was popularized on the iPhone and has since grown into a powerful utility for the web. Below are a series of customized range sliders using CSS3 or jQuery. Everything is free and open source to use in any project work either commercial or personal.

Rangeslider.js

range slider js open source library

jQRangeSlider

jquery range slider open source plugin

noUiSlider

nouislider slider range html5 open source

Ninja UI

ninja ui open source slider range

ion.rangeSlider

ion range slider open source html5

HTML5Slider

html5 slider open source plugin download

Colorful Sliders

vertical colorful sliders open source download

Dragdealer.js

dragdealer js open source javascript library

iOS7 Range Slider

html5 ios7 range slider open source design

radiosToSlider

radio buttons to slider range html5 jquery

jSlider

jslider jquery slider open source download

Search