Spring Animations using range sliders

3d shaded, scalable range sliders using SCSS, HTML, and some Javascript. Gradient Range with Indicator, Patterned Range, Simple Range

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.

Animated stacked slider is developed using css, html, jQuery and slick.js plugin. Demo and Download available.

Material Design Components code and examples. Developed using css, javascript and html. Demo and Download available.