Get new jQuery plugins just once a week

×

NoUiSlider

FavoriteLoadingAdd to favorites

January 2, 2013

NoUiSlider | lightweight jQuery Range Slider plugin

NoUiSlider is a lightweight, highly customisable jquery range slider without bloat. Supports Google Chrome, Firefox, Opera, Safari and Internet Explorer 7 to 10. It also supports touch on capable devices, such as iPhone, iPad and Android phones and tablets.
noUiSlider is a little jQuery plugin that makes really cool (double) range sliders. Every slider can have two handles to select a range, a fixed minimum or maximum can be set to select a limit, or two handles can be used, to simply pick some points.
Every event in the noUiSlider has an optional callback, so you can completely control any slider interaction. There is also some cool math in the read-out functions, so you can dynamically calculate any selected value. noUiSlider is developed to provide some basic slider functionality, without having to include the complete jQuery UI library. Whereas a custom build jQuery UI library, selecting only the slider, weighs 42KB (not counting all images in the css), the noUiSlider is just 6,254 bytes, all css included. That’s 84% less.

Created by Leon Gersen

Download

Example

nouislider jquery plugin

jQuery Range slider plugin

NoUiSlider

Related posts:

guards-js
Squire
filer
nouislider jquery plugin

http://jquer.in/wp-content/uploads/2012/12/nouislider-jquery-plugin.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever