Ultimate List of jQuery Plugins You Should Use on Every Website

Sunday, February 6th, 2011 · WDA Editor · 22 Comments

Ultimate List of jQuery Plugins You Should Use on Every Website

jQuery plays an important role for every web development project nowadays. Not only it gives an advantage to have a better user usability and experience but also it gives website visitors a really nice impressions of the site.

jQuery is known for its plugins, unique and lightweight and it can work and support on larger scale of web development.

Today we compiled a Ultimate List of jQuery Plugins you MUST use on every website.
Feel free to comment below if you have something in mind regarding jQuery plugins you used and we missed to put here.

Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

You may also want to read the related posts below.

1. Uniform

- Uniform is a jQuery plugin that helps you create beautiful themed form elements.

2. jTextTranslate

- Translate an article fast with the help of jTextTranslate jQuery plugin.

3. TopUp

- easy to use jQuery plugin to display images and and webpages in Web 2.0 approach of popups.

4. TipTip

- TipTip is a lightweight, intelligent, sweet and simple custom tooltip and can be applied to any element.

5. FullCalendar

- FullCalendar is a jQuery Plugin that provides a full-sized, drag & drop calendar.

6. #grid

- A little tool that inserts a layout grid in web pages, allows you to hold it in place, toggle between displaying in the foreground or background.

7. jQuery Autocomplete

- No need to guess what you will search with this jQuery plugin. It will automatically populate the information you need to find.

8. Uploadify

- Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website.

9. Elastic

- Make your textareas grow Facebook style jQuery plugin.

10. Contactable

- Contabtable is a jQuery plugin designedto make contact or feedback forms simpler and more accessible.

11. MarkItUp!

- MarkItUp! allows you to turn any textarea into a markup editor.

12. Autotab

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

13. jExpand

- jExpand is a ultra lightweight jQuery plugin that will make your tables expandable.

14. jBreadCrumb

- Helps you display a deeply nested, verbosely named pages.

15. Vertical Scroll Menu

- A nice alternative to your horizontal and boring menus.

16. Compact News Previewer

- It displays your news or latest article in a very nice and compact way.

17. Pull Out Content Panel

- This plugin can be use as a teaser to your contents on your website. It can reveal with related content and you can also expand it to full page size view.

18. Animated Form Switching

- No more leaving the page when user will go to another form. It perfectly switching from one form to another form.

19. Mega Drop Down Menu

- If your website belongs to a large scale web development project, this mega dropdown menu will be the best solution.

20. Apple-like Retina Effect

- Turn your static image with this Apple-like Retina effect.

21. Simple Accordion

- Use these simple accordion to simply organized your loads and loads of website content.

22. gMap

- Easily embed Google Map into your website with this simple and lighweight jQuery plugin.

23. Stylish Content Slider

- Improve your user experience using this Stylish Content Slider.

24. jQuery Confirm Dialog

- A really nice replacement for a good old confirm dialog.

About the author

WDA Editor

The team here at Web Designer Aid committed to share best design resources across web. Visit our other website HTML5 Beauty - A gallery of best html5 websites. Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

Comments
Trackbacks

22 Comments

Michael Mior

02.08.2011

Reply

You’re telling me I MUST use 24 plugins on EVERY website I develop? What if I don’t need image galleries, maps, or calendars? I’m sure that MUST as stated in the article comes with a disclaimer, but it’s frustrating to see suggestions to plug in a bunch of jQuery or CSS effects without any thought given to user experience.
- Nate
  
  02.08.2011
  
  Reply
  
  Haha, I would love to see the load time if you add all of these plugins to your page with script tags.
- Sam K
  
  02.08.2011
  
  Reply
  
  Or page footprint/load times…
  
  I’d be looking at half a meg of content just from importing the necessary libraries before I put anything else on my page!
  
  I know we’re missing the point, but it’s a bit of a strange choice of headline.
  
  All that said, there are some good ones there that I haven’t seen before but will definitely be able to use. In isolation, if that’s OK
- Jorgen Kesseler
  
  02.08.2011
  
  Reply
  
  I agree, the majority of sites I’ve build don’t require any of the above plugins. Telling me I must use these plugins is a bold statement. I’ll decide whether or not I need a specific plugin or jQuery for that matter.
- Jeff Long
  
  02.09.2011
  
  Reply
  
  I was just thinking the same thing, I try to keep the number of plugins used on sites I develop to a minimum. I do still like this list, with the exception of the Autotab plugin (I hate unexpected behavior, especially with forms).
- Jim L.
  
  02.09.2011
  
  Reply
  
  Hear hear!
- WebdesignerAid's Editorial
  
  02.09.2011
  
  Reply
  
  Hi Michael,
  
  Thanks for pointing that out for us! WDA appreciate it!
Junior Paz

02.08.2011

Reply

Muito bom!
opl

02.08.2011

Reply

@Michael Mior The heading uses the word SHOULD but it’s MUST in the article. RFC 2119 is going to kill a puppy http://www.ietf.org/rfc/rfc2119.txt
- WebdesignerAid's Editorial
  
  02.09.2011
  
  Reply
  
  Hey opl,
  
  Thanks for the link
yonkeltron

02.08.2011

Reply

I’d like to point out that a bunch of these plugins exist as part of the jQuery UI project.
Tabris Chen

02.09.2011

Reply

A handy list of useful Jquery plugins Sure you dont have to use every single one of them on every site, but they’re common elements that can come useful in whatever you’re working on.
WebdesignerAid's Editorial

02.09.2011

Reply

Thank you to all who commented We really do appreciate all your comments! And thank you to all the suggestions!
Batfan

02.16.2011

Reply

Nice list but, how do you have a list of must-use Jquery plugins and not include Colorbox?

http://colorpowered.com/colorbox/

Best lightbox plugin ever
Paweł P.

02.18.2011

Reply

Great list, best regards!
svarione

02.22.2011

Reply

I don’t think TopUp is a good idea… the generated code is very dirty (it’s a table) and don’t work whit 1.0 xhtml strict (incorect display). I think fancybox is much better than TopUp.
Brett Widmann

03.09.2011

Reply

These are great plugins. This is why I love jQuery.
Keneth Dimucci

08.15.2011

Reply

Awesome, thanks!
Daevon

11.17.2011

Reply

I love Jquery, Great resources! Additional I found clean and very usable jquery plugin http://www.devstring.com/jlogin
Antony

12.07.2011

Reply

Err, no, throwing a bunch of plugins into EVERY site should not be done unless it’s relevant or necessary. Design for user experience not ‘look at all the cool stuff on my site’.
Peter Tolani

01.27.2012

Reply

KonaKart has released a nice eCommerce plugin: http://www.konakart.com/downloads/javascript-jquery-plugin
www.indiebound.org

12.12.2012

Reply

Hi there, all is going well here and ofcourse
every one is sharing data, that’s actually good, keep up writing.

[转] jQuery插件分享 | 1个饼

04.07.2011

Reply

[...] （编译来源：梦想天空原文来自：Ultimate List of jQuery Plugins You Should Use on Every Website） [...]
5 Things I Rather Dislike About Websites – Jaswin

07.06.2011

Reply

[...] on the contrary I’ve seen two of them. Similarly, I dislike the titles like “Ultimate List of jQuery Plugins You Should Use on Every Website“, not every website has a necessity for all those plugins, it would just make the site [...]

There are no trackbacks to display at this time.