9 Free Jquery Price Range Sliders

9 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 jQuery based. 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:

• 25 Best Free jQuery Plugins
• 15 Free jQuery Map Plugins

Updated March 24, 2014

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

Flat jQuery Price Slider

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

Demo | Download

3D HTML 5 jQuery Price Range Slider

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

Download Source

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

Basic slider

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

Demo | Download

Free BootStrap Component Slider

Source Code

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 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 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

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

link:http://designscrazed.net/free-jquery-price-range-sliders/

Read More

15 Free jQuery Map Plugins

15 Free jQuery Map Plugins

jQuery Map Plugins introduced here will add cool interactive features to your website on its  contact page or on a location relative page. Since jQuery is well established Javascript libraries out there most new developers are already interested in it and are knowledgeable on jQuery programming. Interactivity is completely the focus of jQuery with lets the front-end developer to let users interact with the theme design or here say maps. Adding pointers or finding distance in real-time is always interesting to the end user. jQuery Map plugins have already found there way in modern web and mobile applications as it is very easy to implement if the source code is already done by developers and freely shared to the public. Here you can see that many github users and other open source communities provide free map plugin done in Jquery to us without much attribution requirements.

Take your time finding the best jQuery Map Plugins introduced here and let us know which you like the most. Share in your comment if you find any other useful jQuery plugin as  we would love to see it. Similar articles of interest can be found here.

• 12 Best HTML5 jQuery File Upload Scripts
• 20 Free Responsive jQuery Image Sliders
• 7 Free Jquery Price Range Sliders

gmaps.js

gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.

Download

Landcarte, a Google Maps jQuery plugin

Landcarte is a jQuery plugin and a JavaScript library that helps introduce geographic maps and their numerous features (including geocoding, geolocation, user events, markers and layers) onto a web page in a simple and concise way.

Download

JQVMap

JQVMap is a jQuery plugin that renders Vector Maps.  It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.

Download

jQuery clickable map

Free interactive map of forty-seven countries of the European continent. It’s a better way to convert a list of regions into a stylish clickable map without a Flash Player or any external plug-ins just a well known CSSsprites, which works in all modern browsers.

Download

U.S. Map – JQuery plugin

Easily add a an interactive map of the USA and States to your webpage without using Flash.

Download

Kartograph.js

A JavaScript library for creating interactive maps based on Kartograph.py SVG maps. Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service.

Download

jQuery Location Picker plugin

This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).

Download

Mappy.js : Google Maps & Places jQuery plugin

I couldn’t find anything that fully did what I was after so I built mapsed (besides I need the JavaScript practice!).

Download

jHERE

Maps are cool, but map APIs are complicated. jHERE solves this problem by offering a simple but powerful map API in the form of a jQuery (or Zepto.JS, or Tire) plugin.

Download

jQuery Geocoding and Places Autocomplete Plugin

An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown.

Download

WhatsNearby

A jQuery plugin to list and show nearby places around a certain position using Google Maps.

Download

jQuery responsive google maps

This plugin gives you a native google maps on your website and a safe fallback to the static image API of google maps for smaller devices.

Download

DataMaps

Customizable SVG map visualizations for the web in a single Javascript file using D3.js

Download

maplace.js

A small Google Maps Javascript helper.

Download

Premium Recommendations

Custom Interactive Map – jQuery Plugin

If you would like to turn your photo/vector graphic map into a fancy interactive map application that is supported by every major browser and it’s working even on mobile or other touch devices, you can stop searching, you’ve come to the right place. In fact, you came to the only place, since it is the only utility available with this unique feature set.

Demo|Download

jQuery Interactive SVG Map Plugin

MapSVG plugin turns any SVG file into interactive and fully customizable map or floorplan.

Demo|Download

5sec Google Maps Standalone

Demo|Download

MapIt – Maps Made Your Way

MapIt is a jQuery enabled plug-in that interacts with Google Maps API . The plug-in is designed to make navigating and finding key coordinates anywhere in the world a simple process. Completely driven by XML over AJAX , this plug-in helps you group and organize all your location links.

Demo|Download

Google Maps Module with Geolocation [V2]

Google Maps module V2 was created to provide a simple service for those who need to provide a route easily. With geolocation, you can provide a route from anywhere to your home, business, factory etc … In addition, the geolocation is compatible with all browsers that support javascript account.

Demo|Download

5 Color Themes for Google Maps API

5 Color Themes for Google Map API . The standard Google Maps color theme is seen everywhere. Propose a bit of personalization to your visitors by displaying original color themes for your Google Maps.

Demo|Download

link:http://designscrazed.net/jquery-map-plugins/

Read More

20 Free Responsive Jquery Carousel Slider Plugins

20 Free Responsive Jquery Carousel Slider Plugins

Carousel sliders is now a must have feature in all business, portfolio or any website template. Along with fullscreen image sliders we can see that horizontal carousel image sliders works well with any website design and are implemented alongside. Sometimes slider needs to be one by third of a website page and that is where tiny carousel sliders come in with loads of transitions effects and even with responsive layout. eCommerce websites may be the best benefited from these sliders as they need to showcase many pics in an individual post or page. All code here is free to use and you may alter it according to your needs if you are already a developer.

Other jQuery scripts we have discussed in our previous articles which you may find interesting

• 20 Free Responsive jQuery Image Sliders
• 7 Free Jquery Price Range Sliders
• 10 Free jQuery CSS3 Progress Bar Codes
• 15 Free jQuery Map Plugins

and more. Make sure you to visit our jQuery category more often for updates regarding the same. Click the example button to find alternate examples of the plugins introduced here so that you can find multiple options and transitions. jQuery when integrated with HTML5 and CSS3 makes the webpage interesting with unique effects to grab attention of your visitor to a particular area.

anoSlide – Ultra lightweight responsive jQuery carousel

anoSlide is ultra lightweight responsive jQuery carousel plugin. It’s suitable for implementing a carousel for both desktop and mobile viewports.

Examples  | Download

OWL Carousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

Examples |Download

3D Carousel Gallery

Using CSS 3D transforms, and just a bit of Javascript.

Examples  | Download

3D Carousel Using TweenMax.js & jQuery

A beautiful 3D Carousel plugin if you ask me. This 3D carousel look under beta stage as i found some problems right away. If you are interested in testing and creating your own then this carousel is going to great help.

Examples  | Download

Bootstrap Carousel

A responsive bootstrap carousel slider just for your new website.

Examples  | Download

Bootstrap Moving Box Carousel

Most used type of carousel in business, portfolio websites. You can see this in almost every type of website made today as it is very resourceful.

Examples  | Download

Tiny Circleslider

Its tiny and i dont its responsive as resolution is already very small and view able on mobile devices. Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

Examples | Download

Killer Carousel

Powerful, responsive, touch-enabled carousel for modern websites and devices, plus legacy browser support.

Examples | Download

Wow – Carousel Slider

Over 50 effects this may be the biggest source for you to create unique design of your own in no time.

Examples |Download

bxSlider – The Responsive jQuery Content Slider

Resize your browser to see the slider adapt.

Examples |Download

jCarousel

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.

It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.

Example|Download

Scrollbox : jQuery Plugin

jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc…) like a carousel slider or traditional marquee. Not responsive but i love this.

Examples |Download

dbpasCarousel

This plugin will convert the ul element into a carousel.

Examples |Download

Flexisel : jQuery Responsive Carousel Plugin

All you have to do is call flexisel on your unordered list containing images. Call it on the $(window).load event (as opposed to the $(document).ready event) so that Flexisel can calculate the width of the images and figure out how to space them out properly.

Examples |Download

Elastislide – A responsive image carousel

Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Example|Download

FlexSlider 2

The best responsive slider. Period.

Example|Download

Amazing Carousel

Amazing Carousel is an easy-to-use Windows & Mac app that enables you to create circular, responsive jQuery Carousel and jQuery Image Scroller. The carousel can also be published as WordPress Carousel Plugin, Joomla Carousel Module and Drupal Carousel Module.

Examples  | Download

Responsive image gallery – thumbnail carousel

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width.

Example | Download

jQuery Liquid Carousel plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Example | Download

jQuery CarouFredsel

CarouFredSel is quite simply the most powerful and flexible way to add carousels to your website. The jQuery version is free to download so scroll below to find the download option.

Examples  | Download

Responsive Infinite Carousel

This is an in-progress experiment to create a infinite (circular) responsive carousel. That means: – You can resize as much as you want. You can scroll as much as you want. Simple as that. But so far the width of each item is still hardcoded on the CSS – I’m looking for a nice solution before going for js.

Demo | Download

link:http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/

Read More