Spring Animations using range sliders

Drink your water range slider

Styling an input range slider with pure CSS. JS only to grab the value.

Simple demo of output for a range slider

Little gradient range input for an upcoming project with thumb change on slide.

A 3D CSS html5 range price slider

Live change the value of the range input using JavaScript's 'input' addEventListener

Custom range input slider with labels

Ranges based on Bootstrap

jQuery Time Range Slider

Styling of Range Sliders, Used open source extension for jQueryUI to create really usable and pretty range sliders.

Change the slider to see the effect.

Only supported in Webkit. Based on Equalizer

Curved, circular, circle shaped range slider. Drag the handle, click on the position you want or directly type your number. Ui design jquery.

Control outputs a single value but visually creates a trigger point to the end user.

create a fancy (or less fancy) slider with SVG and connect it (behind the scenes) to a real input type range. In this case the input type range is disabled and still visible (for the sake of the argument), but it shouldn't be.

Cards with slide effects.

Pure CSS3 Slide Down and slide up Demo

Cool slider animation with clip-path. Image slide show animation developed using CSS, HTML and JavaScript. Demo and Download options are available.

A slider with a stretchy bubble tab indicator. Container flexes to accommodate size of new article. Now with impact bursts. Shout out to GreenSock's Jack Doyle for an assist on this one. Developed using CSS, HTML and JavaScript. Demo and download options available.