Home » Coding » JavaScript » 12 Free Jquery Price Range Sliders
Draggable Price Scale slider

12 Free Jquery Price Range Sliders

Price range sliders and relative options are hugely used in hosting websites these days as it has become a standard. Sliding through a range of product specification for a certain price is very interesting thing to do as well.

Go through these beautiful price sliders where range selection can be done easily as these are free jQuery plugins. Integrate these sliders on your website to make them more appealing to your visitors to choose product options. Please let us know if you have found any new sliders which are great in functionality. Also take a look at our recent article on responsive jQuery image sliders which we have included.

Related articles with more jQuery:

Draggable Price Scale

This is a brilliant range slider which is free to download and can serve you to add a sliding pricing table with visual features to the existing website.

DemoDownload Draggable Price Scale slider

Cloud Pricing Slider

This filter slider is well built to integrate into your bootstrap based plugins and theme. Already comes with a responsive layout design which will speed up your development projects.

Demo | Download jquery Cloud Pricing Slider with responsive design

Themed Price Slider

This is a minimal price slider but beautifully colored price sliders which shows clear price when the slider is moved.

DemoDownload themed price slider range

Powerange – Price 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.

Demo | Download Powerange - iOS 7 style range slider.png

Flat jQuery Price Slider

This jQuery price slider to select range of prices which help you vastly in your bootstrap development and design projects. This price range slider is totally free to download.

Demo | Download price-slider

3D HTML 5 jQuery Price Range Slider

A 3D CSS HTML 5 range price slider inspired by Erik Deiner’s concept.

Download Source 3D html5 Range price slider

noUiSlider

noUiSlider is a range slider without bloat. Using well structured scripting and styling methods make sure noUiSlider 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.

Download noUiSlider

Basic slider

jQRangeSlider is highly dependant on CSS. Be sure to include one of the provided stylesheets.

Demo | Download range slider

Free BootStrap Component Slider

Source Code bootstrap jquery slider

Free Minimal jQuery Slider

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.

Source Code jquery ui slider jQuery UI Range Slider with arrows

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android. Below you can find demos and documentation.

Demo | Download jQuery Slider plugin

jQuery Mobile Price Slider

To add a slider widget to your page, start with an input with a new HTML5 type=”range” attribute. Specify the value (current value), min and max attribute values to configure the slider. The framework will parse these attributes to configure the slider.

Source Code slider

 

HostSlide Hosting Plan & Pricing Slider – Premium

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.

View Demo|Download HostSlide Hosting Plan Slider

 

 

Check Also

Javascript Memory Game

18 Best Creative JavaScript Examples

JavaScript is an amazing interpreted programming language as it interprets or does something when client …

About Rijo Abraham

WordPress enthusiast and developer from Gods Own Country. He has 8+ years experience when it comes to blogging. His passion is to share insights on starting a successful blog.

8 comments

  1. nick

    Hello,

    Would something like this also come in the form of a wordpress plugin?

    • Rijo

      I havent seen any.

  2. Rebecca Zhou

    Hello

    The price range sliders you provided are great. I am wondering if you can auto submit the value while sliding the prices. I mean when you side the prices the price values are submitted automatically without having to press a submit button. I am new to Jquery and can you show me the code if possible.

    Thank you.

  3. Rebecca Zhou

    Hello

    I would really need you help about the following question.

    The price range sliders you provided are great. I am wondering if you can auto submit the value while sliding the prices. I mean when you side the prices the price values are submitted automatically without having to press a submit button. I am new to Jquery and can you show me the code if possible.

    Thank you.

  4. Jeff

    These are great, that ‘Flat jQuery Price Slider’ is just what I was looking for. Thanks!

  5. Andele Zenkov

    Excellent selection. Thanks to the author. For a long time I am looking for something similar.

  6. Gagan

    Very nice collection, we can use these sliders for ecommerce site.

Leave a comment

Your email address will not be published. Required fields are marked *

nineteen − five =