jQuery Range sliders are very useful UI elements when it comes to selecting min-max values. They provide many features like support for single or double handles, custom starting values, vertical/horizontal orientation and the ability to get /set values. Also work on touch devices and can be customized with CSS completely.
Below you will find 12 Best jQuery Range Slider Plugins which you can use for your ecommerce website, filtering the products based on a range of price and much more.
1. Ion Range Slider
Ion.Range Slider is a nice, comfortable and easily customizable range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS. It supports touch-devices which includes iPhone, iPad and etc.
noUiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course!
jQRangeSlider is a jQuery and jQuery UI-powered slider plugin that has support for both numerical values and date/time. It works within a given range of values and can be set to use custom steps(like 10-by-10 or week-by-week). The plugin works well on touch devices (accept mouse wheels too), can be themed with CSS (there are 2 built-in themes) and provides callbacks for each change in values for interacting easily.
4. Pro Range Data Slider
It is a lightweight HTML5 based range data slider for mobile and desktop that creates data objects from user input and formats as JSON for modern web app’s. A substantial improvement over the data range sliders in jQueryUI and Twitter Bootstrap: This uses an astonishingly low 12kb payload and 3.5mb’s of browser ram. Ready for touchscreens and desktop, outputs JSON from user input values for data operation in applications as well.
5. jQuery UI Slider Pips
jQuery UI Slider Pips is a jQuery plugin for making jQuery UI Sliders a little bit nicer. It’s adding little ‘pips’, ‘floats’ and labels to a slider.
See Also —
7. Round Slider
Round Slider is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider it supports the quarter, half and pie circle shapes also.