Best jQuery Range Slider Plugins & Tutorials with Demo

    jQuery UI Slider Pips

    jQuery UI Slider Pips

    jQuery plugin for adding little ‘pips’ , ‘floats’ and labels to a slider.

    Features:

    • Adds small “pips” and “labels” to the slider
    • Extends the jQuery UI Slider widget
    • Easily Configurable
    • Works for both Horizontal and Vertical sliders
    • Doesn’t change default slider behaviour
    • Purely a visual plugin

    Powerange : iOS 7 style range slider

    Powerange : iOS 7 style range slider

    Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. It is easily customizable, both by CSS and JavaScript. With it’s many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

    Rangeslider.js : jQuery polyfill for the HTML5 Range Slider Element

    Rangeslider.js : jQuery polyfill for the HTML5 Range Slider Element

    Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element.

    Features:

    • Touchscreen friendly
    • Recalculates onresize so suitable for use within responsive designs
    • Small and fast

    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    sGlide is a super flexible and light-weight jQuery plugin that generates a simple, feature-rich & mobile ready slider, which can be easily customized and styled using regular CSS.

    jQueryUI Limitslider

    jQueryUI Limitslider

    jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

    Features:

    • Multiple sliders.
    • Multiple ranges.
    • Allows or blocks crossing of sliders.
    • Minimum distance between sliders.
    • Minimum/maximum position for all or individual sliders.
    • Label on the sliders.
    • Titles on sliders.
    • Use all of jQueryUI’s slider functionality.

    Ion.RangeSlider : jQuery Range Slider Plugin

    Ion.RangeSlider : jQuery Range Slider Plugin

    Ion.RangeSlider — Nice, comfortable and easily customizable jQuery range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS.

    Features:

    • Slider supports negative and fractional values.
    • Ion.RangeSlider supports touch-devices (iPhone, iPad, etc.).
    • Crossbrowser: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)

    HostSlide Hosting Plan & Pricing Slider in jQuery

    HostSlide Hosting Plan & Pricing Slider in jQuery

    This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices. It’s ready to be added to your website to give a brand new user experience. Unlimited plans/pricing/options can be added in seconds.

    Features:

    • Compatible with all major browsers
    • Lightweight
    • Fully customizable
    • SEO friendly
    • Add unlimited prices and plans
    • Add unlimited options (e.g. price, bandwidth, CPU, RAM, Disk Space)

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    jQuery Simple Unobtrusive Numerical Slider

    jQuery Simple Unobtrusive Numerical Slider

    SimpleSlider is a jQuery plugin for turning your text inputs into draggable numerical sliders.It has no external dependencies other than jQuery, and you don’t need to write a single line of JavaScript to get it to work.

    slideControl : jQuery plugin for input slider

    slideControl : jQuery plugin for input slider

    slideControl jQuery Plugin.This plugin allows you to create nifty slider controls for text inputs.You can change the look of your slide controllers in there from background color to size to how the handle looks. Just take a look around and it should be pretty easy to make changes.