8 jQuery Range Slider Plugins

Here are jquery plugins which allows a user to select a value from a numerical range by simply dragging a slider. This can be used in many cases like filtering the products based on a range of price. You can simply make use of the below listed jQuery range slider plugins to add a real value to the overall user experience.



Ion.RangeSlider

Cool, comfortable and easily customizable range slider with skins support.

jquery-range-slider-1

nouislider

noUiSlider is a lightweight, highly customisable slider without bloat. Supports Google Chrome, Firefox, Opera, Safari and Internet Explorer 7 to 11. It supports touch on a bunch of devices, such as iPhone, iPad, Windows 8 desktops, tablets and all-in-ones, Window Phone 8 and Android devices. noUiSlider is great for responsive designs!

jquery-range-slider-2

jQRangeSlider

A powerful slider for selecting value ranges, supporting dates and more.

jquery-range-slider-3

colResizable

colResizable is a jQuery plugin designed to enhance any kind of HTML table object adding column resizing features by dragging column anchors manually. colResizable can also be used as multiple range slider.

jquery-range-slider-4

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices.

jquery-range-slider-5

Interface

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

jquery-range-slider-6

jQuery UI selectToUISlider plugin

selectToUISlider plugin uses progressive enhancement to scrape the data from a select element (or two for a range) and generate a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. It also allows the user to interact and make a choice with or without javascript, since the select element can be used if the slider is unavailable.

jquery-range-slider-7

jQuery Color Picker Sliders

A jQuery plugin that overhauls the classic color pickers and provides users with a whole new way of selecting desired color codes.

jquery-range-slider-8

1 Comments

  1. nobutssays:

    good job!

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.