8500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2019

Project Cost Calculator (PCC) jQuery Plugin

September 16, 2013 | Plugins, Premium

Project Cost Calculator is a jQuery plugin, using which complex cost calculation forms can be built easily. If you want your customers to have an idea of how much it will cost them for using your services, this is the plugin all you need. Below are the main features of PCC – Project Cost Calculator

You can use basic html elements naming checkboxes, radio buttons, select boxes and textboxes.
Supported by all major browsers starting from IE 6 and above
Visitor can mail the calculated output to their E-mail.
There can be multiple forms on same page.
Very low file size, less resource consuming and easy to understand

Read More Demo

mobileGmap : jQuery responsive Google maps

September 16, 2013 | Maps, Plugins, Responsive

Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. 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.

Read More Demo

AnimatedScroll.js : jQuery Smooth & Animated Document Scroll

September 15, 2013 | Animation, Plugins

AnimatedScroll.js is a jQuery plugin that enables smooth, animated document scroll to a specific element, supporting native jQuery UI easings.

Read More Demo

jQuery.Feyn : Drawing Feynman Diagrams with SVG

September 15, 2013 | Plugins, SVG Tutorial

jQuery.Feyn is a jQuery plugin to facilitate your drawing Feynman diagrams with Scalable Vector Graphics (SVG). The following list gives a quick overview of the most prominent features:

Automatic generation of clean SVG source code
Easy to use, easy to make fine adjustments
Predefined propagator styles, vertex types, and symbols
Support for typesetting labels and including external graphics
Lightweight, cross-browser, and fully documented

Read More Demo

cbFamily : jQuery Checkbox group (parent/children) functionality

September 14, 2013 | Forms, Plugins

Checkbox group (parent/children) functionality. Makes a checkbox parent of other checkboxes.

If the parent is clicked the children are checked/unchecked based on the parent.
If all the children are checked, parent gets checked too.
If there is an unchecked item in the children and if the parent is checked, it gets unchecked.
children can be a function. In this case, that function is run agaist the parent in order to find the children. This is useful for groups of checkboxes.
Checks/unchecks parent based on the initial status of its children at start.

Read More Demo

Pan and zoom jQuery plugin

September 14, 2013 | Plugins, Zoom

This plugin manage smooth zoom and pan on a given dom element. The plugin works on mobile and pc and use CSS3 transitions on compatible web browsers. (javascript is used for old web browsers)

Zoom is enabled via mouse events (scroll and click) on pc and with touch events on mobile devices.

Read More Demo

Form Character Limit Animation using jQuery and CSS

September 14, 2013 | CSS2 / CSS3.0, Forms

I was recently playing around with form validation and using css to animate cool things, but then I stumbled across character limit. You can easily use jQuery to access parameters like an input field’s character limit and current character limit. So I tried creating a simple animation that showed as you were typing in a field how many characters you had left. I opted for a simple design where there is just a grey bar underneath the input field and it fills up as you type in characters and changes colors as you get closer to the limit.

Read More Demo

udraggable.js : jQuery plugin to make elements draggable by mouse or touch

September 13, 2013 | Drag & Drop, Plugins

This plugin provides an API similar to jQueryUI’s draggable but with support for unified mouse and touch events. It aims to provide a minimum useful subset rather than attempting to clone the full range of behaviours supported by jQueryUI. However some of the limitations can be worked around quite simply.

The udraggable plugin allows you to make elements draggable with a single line of code and to use a declarative syntax to define the constraints of the dragging behaviour.

Read More Demo

jQuery Plugins Tags