Blog eCreative

A Reflection of our Quality work, Excellent Support and Technical Prowess

Drupal

11 must-have jQuery plugins

jquery-logo

1. Nprogress

Nprogress is a nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Nprogress.js

2. FancyInput

FancyInput is a jQuery plugin which basically makes it fun to type text. It works with input fields wrapped with a div, in a way that hides the actual input field (but still “communicates” with it), and put a span element containing the character pressed (in a normal use case), and every span element is being transitioned in a nice CSS3 way. The end result is a mimicked text input field which tries to simulate a real input field as much as possible, including copy, paste, undo and text selection changes.
Fancy Input

3. SuperScrolloRama

SuperScrolloRama is a jQuery plugin for supercool scroll animation
Super Scrollorama

4. Signature Pad

Signature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page & app. The plugin also has the ability to record the drawn signature in JSON for later regeneration. Be aware that the jquery plugin also requires Numeric Javascript library and bezier curve helper included.
Signature pad

5. Toolbar

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.
Toolbar.js

6. jQuery Pin

jQuery Pin will “pin” any element to the top of a container as you scroll down the page. It can be easily disabled for smaller screen-sizes.
jQurey Pin

7. Chardin JS

Chardin JS is a jQuery plugin to simple overlay instructions for your apps.
Chardin.js

8. Mapael

Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.
Mapael

9. jQuery Collage Plus

jQuery Collage Plus will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
jQuery Collage Plus

10. SnapSVG

SnapSVG is a brand new JavaScript library for working with SVG. Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap.
Snap SVG

11. Typehead.js

Typehead.js is a fast and fully-featured autocomplete library
Typehead.js

Pocket
0 0 0 0