12 popular handy JavaScript plugins you must have

12 popular handy JavaScript plugins you must have

Today we are going to introduce 12 most popular and handy javascript plugins that will be a turning point in your next website or web application. So, we know javascript provide us a great functionality and flexible environment in client section. If we add some extraordinary plugins in our website or web application then it will make our apps faster and user friendly. For this reason I’m going to share 12 top most and popluar javascript plugins with you. If you have more collection then don’t forget to share with us in comments section. So lets go –

1. jQuery FIle Upload

jquery file upload


– File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.

– Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

– Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard

– HTML form file uploads.

Demo & Download

2. Simple Content Loader

ajax content loader

Simple Ajax Loader provides a clean and easy way to call in data from a remote page. The beauty of this plugin is in the settings. We provide lots of options to help you customize this plugin to your preference. Furthermore, we provide a very sleek user interface for loading. There is no plugin like it!

Demo & Download

3. Chosen select plugins

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

chosen select plugins


– Standard Select.

– Multiple Select.

– Option Group Select and Disabled Support

– Default Text Support

– No Results Text Support

– Allow Deselect on Single Selects

– Change / Update Events

– jQuery Version: $(“#form_field”).trigger(“liszt:updated”);

– Prototype Version: Event.fire($(“form_field”), “liszt:updated”);

Demo & Download

4. jQuery Password Strength Meter

jQuery Password Strength Meter can detect strength of given password in input box and show live message about the status of password.

jquery password strenght meter


– Basic usages

– Advanced usages

Demo & Download

5. Simple Loading Modal

simple loading modal

This plugin creates a simple loading modal. It appears on your website content area and fades away. Simply pass in your element and everything else is taken care of.

Demo & Download

6. Twitter Like Textarea Text Limit Plugins

Limit is a plugin for the javascript framework Jquery that limits the number of characters that can be entered in a textarea or input field. The plugin can also report the number of characters left before the user reaches the length limit.

limit plugins

Demo & Download

7. jQuery.fn.autoResize

A plugin for jQuery which changes the dimensions of input elements to suit the amount of data entered. It operates on textarea, input[type=text] and input[type=password] elements.

jquery textarea auto resize

Tested on the following browsers:

– Opera 11.5

– Firefox 4/6

– Safari 5.0

– IE9 (IE6-8 too, but see below)

– Chrome 15

Demo & Download

8. jQuery Clearfield Plugins

This plugin takes care of your input fields. Often used by opt-in input fields where the default value of the field is something like “Your e-mail address”. If you click the field the text disappears so that you can type your e-mail address.

The plugin depends on the jQuery framework and is very simple to implement.

jQuery clear fields

Demo & Download

9. jQuery mask Plugins

jquery mask plugins


– String/Numeric/Alpha/Mixed masks.

– Reverse Mask.

– Data type validation.

– Automatic maxlength.

– Live event’s for ajax/realtime apps.

– Callbacks.

– On-the-fly mask change.

Demo & Download

10. Jquery Mail check:

The jQuery plugin that suggests a right domain when your users misspell it in an email address.

jquery email check

Demo & Download

11. Autotab: jQuery auto-tabbing and filter plugin

jquery auto tab plugins

Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form.

Demo & Download

12. TextextJS

TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.

A wide number of plugins are available including Tags, Autocomplete, Filter, Ajax as well as a few which are purely aesthetic like Focus.

text ext

Demo & Download

Was this information useful? What other tips would you like to read about in the future? Share your comments, feedback and experiences with us by commenting below!

Back To Top