Wednesday , 20 September 2017
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

 

 

About Allie Kingsley

Allie Kingsley is a social media manager for designscrazed. She is crazy about new gadgets and up to date with latest technology trends. Use comments to notify any issues you are facing.

Check Also

onepage-cart-plugin

19 Best Online Shopping Cart Plugins

Online stores have grown to a extreme level these last few years as we grow …

8 comments

  1. nick

    Hello,

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

    • Rio

      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. Abid Bhatti

    Hey, check this out whmcs slider http://codecanyon.net/item/whmcs-pricing-sliders-and-comparison-tables-whmpress-addon/14949513 a plugin for your wp price slider it’s awesome.

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

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

Leave a Reply

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