List of Useful jQuery Plugins: jQuery, JavaScript

List of Useful jQuery Plugins

Category: JavaScript & jQuery Tags: jQuery, JavaScript | Written before Dec, 2007

I viewed each of the jQuery plugins in the jQuery plugins repository. I couldn't believe how many there were! So I decided to make this master list to weed out any plugins that were either broken or I didn't find any practical application for. You will notice I added, "EXCELLENT" to the plugins that I thought were exceptional.

  • Accessibility Stylesheet and text size switcher.
  • Accordion Accordion interface with a few variations.
  • AlphaNumeric Prevent users from inputing special characters.
  • Ajax File Upload Loading graphic displays while file is uploaded.
  • appendDom Write HTML with JavaScript, great for displaying Ajax results.
  • appendText Converts text into post friendly html.
  • blockUIEXCELLENT Create a message overlay while blocking user interaction on elements or the entire page.
  • BogoFolders View text through a 'file menu' interface.
  • BogoTabs Basic tabbed interface.
  • Bubble Demo highlights selected table rows in groups of tables..
  • Calendar Aids date entry.
  • Checkbox manipulation Select, unselect and toggle checkboxes.
  • ChiliEXCELLENT Syntax highlighting for displaying code on webpages.
  • Choose Component Select data from a table row through a modal window.
  • Click Menu Generates dropdown menus.
  • clueTip Tooltips with many variations.
  • Color Animations Add color animations to div backgrounds.
  • Color Picker Pass in color choices and attach custom events to each color block.
  • columnHover Highlight table rows and columns.
  • columnManager Add, remove and toggle table columns.
  • ContextMenu - Menus that show when you right click specified elements.
  • Confirmer Adds a listener to check if user confirms their action.
  • CycleEXCELLENT Add flash-like image effects to rotating image galleries.
  • date picker Aids date entry.
  • Delicious Read delicious bookmarks from a user to display on a webpage.
  • Dimensions Get accurate window and document attributes across browsers.
  • Equalize Columns Make columns the same height as the longest column.
  • FCKEditor Plugin Adds a rich text editor to a textarea.
  • Field Expand the ability to retrieve and set values in forms.
  • FormEXCELLENT Change HTML forms to submit via Ajax.
  • Gallery Viewer JavaScript image gallery.
  • getUrlParam Function to get url parameters.
  • Google Feed Plugin Display any RSS feed to a webpage.
  • Gradient Adds a gradient to a div without needing an image.
  • Grid Column Sizing Table column draggable resizing.
  • Grid Row Sizing Expand and collapse table rows.
  • hoverIntent Prevents unintended hover events.
  • idTabs Add tabbed interface to a website.
  • Impromptu Create modal windows and messages.
  • jQuery Localisation Applies localisation packages based on the user's language preference.
  • jBox UI dialog widget.
  • jCalendar Aids selecting of dates inline on a page.
  • jCarousel Lite Simple carousel for images and HTML content.
  • jCodeViewer Syntax highlighting for displaying code on webpages.
  • jdMenu Hierarchical Menu Generates dropdown menus.
  • jEditable Live editing of elements on a webpage.
  • jFeed XML feed parser.
  • jPanView Replaces big images with a zoom viewer in HTML.
  • jqDnR Drag'n'Resize elements on a page.
  • jQMaps Interact with Google maps.
  • jqModal Display notices, dialogs, and modal windows in a web browser.
  • Treetable Make a tree view out of an HTML table.
  • Tree ViewEXCELLENT Tree view controls.
  • Suggest Add autocomplete to input fields.
  • YAV Form validation library.
  • jqUploader Provides a status bar for uploading images.
  • jScrollPane Customize your scrollbars.
  • jTagEditor EXCELLENT Turn a textarea into a tag editor.
  • jVariations Create a control panel to manipulate elements on a page.
  • Keyboard Navigation Dynamically determine which element to focus on based on it's position on the screen.
  • labelOver Overlay labels over an input field.
  • LavaLamp Navigation menu with a 'lava' effect.
  • Lazy Load Only load images that are in the current window.
  • Live Query Adds event listeners to elements.
  • Masked Input Add mask to inputs to aid user data entry (phone numbers, etc).
  • Media EXCELLENT Unobtrusive conversion of standard markup into rich media content.
  • Extra selectors for JQuery Add more selectors to jQuery.
  • Mousewheel Mousewheel event handler.
  • Mousehold Event Add repeating event as the user holds down the mouse.
  • Multiple File Upload Select multiple files one by one as it adds to a queue list.
  • newsticker Create a fading news ticker.
  • Password Strength Meter Indicator to show the strength of a users password.
  • PopupWindow Creates an preview popup of destination link.
  • Query String Object Useful for sending URL parameters.
  • Select box manipulation Remove and add options from a select list or dropdown in many ways.
  • selectCombo Tool for making dependant dropdowns with Ajax.
  • Star Rating Generates star rating from input fields
  • Grid Dynamic ajax grid control.
  • slideViewer Image gallery as slides.
  • Spoilers Hide content behind an image until user action is taken.
  • tableHover Row and column highlighting with variations.
  • tableFilter Search box is added to each column header to filter table.
  • tablesorter Client side table sorting.
  • Taconite EXCELLENT Easily make multiple DOM updates using the results of a single AJAX call.
  • Textgrad Add gradients to whole blocks of text.
  • Time Entry Sets an input field up to accept a time value.
  • Tooltip Add tooltips from title page.
  • Validation EXCELLENT Add live validation to forms.
  • WYMeditor EXCELLENT Web-based XHTML WYSIWYM editor.
  • Zoomi Zoomable thumbnails.
  • XSLT Transform XML/XSL from JavaScript.
  • XAP Ajax library.

Comments

#1. Name on Sep 10, 2007
Livequery is so very useful, it really should be on this list.
#2. Marc http://marcgrabanski.com on Sep 10, 2007
Yeah, it is on the list.
#3. Leandro Vieira Pinho http://leandrovieira.com on Oct 07, 2007
Did you know this plugin? http://leandrovieira.com/projects/jquery/lightbox/ I don“t have find any related thing in your list. Regards
#4. Marc http://marcgrabanski.com on Oct 14, 2007
No, I didn't. Thanks I'll add it to the list - it looks very nice!
#5. Naveen http://journal.naveeng.com on Oct 23, 2007
Thanks a ton for the great compilation! Even I went through the plugin list at jQuery site, but skipped most of these plugins! The plugins marked EXCELLENT are truly excellent.
#6. designerkamal http://www.designerkamal.com/ on Nov 23, 2007
jPrintArea is a small jquery plugin to print only contents of a specified element. http://www.designerkamal.com/jPrintArea/
#7. Martin on Feb 26, 2008
Awesome list mate. Thanks for spreading the love.
#8. Elis http://pharmacieslist.net on Mar 16, 2008
Thank you. I added it to my list. Great resource!
#9. fedmich http://fedmich.com on Apr 12, 2008
Thank you. That list is great!
#10. Aral Balkan http://aralbalkan.com on May 15, 2008
Thank you for compiling this. I'm just getting in to jQuery and it has been invaluable.
#11. Guizmo on May 23, 2008
Excellent ! Thanks you so much !
#12. Brandon Hansen http://www.livewebsystems.com on Aug 20, 2008
The list is great! The link to jTagEditor does not work. Does anyone happen to have a copy of it?
#13. Marc Grabanski http://marcgrabanski.com on Aug 26, 2008
Brandon: I think jTagEditor was superceeded by MarkItUp, which I am using for this comment system.
#14. Amjith http://prominentlabs.com on Sep 19, 2008
great work.
Thanks a lot
keep it up
#15. Josh Minnich http://joshminnich.com on Jan 26, 2009
Great list, I've actually used quite a bit of these in the past for various things. Just a heads up, but as of the release of jQuery 1.3 the dimensions plug-in is actually a part of the jQuery core, so you can probably remove it from this list of add-ons.
#16. Moon on Jan 28, 2009
Broken links:

These links mentioned in your post, are broken:
http://benjaminsterling.com/2007/08/24/jquery-jqgalview-photo-gallery
http://brandonaaron.net/jquery/plugins/gradient/test/

I searched around and the gradient code can be found here:
http://plugins.jquery.com/project/gradient
I didn't download the code since the author took down his demos, makes me worry.


#17. Matteo on Feb 17, 2009
Very usefull list!

may I suggest this link?

http://pupunzi.wordpress.com/category/jquery/

Thnx
#18. Jeremy http://www.pikachoose.com/ on Mar 03, 2009
Great list. I'd like to suggest another image gallery as well.
http://www.pikachoose.com/demo
It's an easy to implement gallery, that allows you to create a flash like gallery from just a UL.
#19. Kristiono Setyadi http://kristiono-setyadi.net/ on Mar 23, 2009
I didn't see the link for printing the page or something we defined into the paper. Did jQuery didn't have it yet? Thank you very much for this list. It really useful ;)
#20. Pranab Mitra http://coloroloc.com on Apr 16, 2009
Hey,
Its really a great list published.
I am a lover of jQuery and loved it at first sight.

I was in search of a Text Editor but this one is great I think.

* Jquery is Small
* Jquery is extendable

Thanks once again.
#21. SohoInteractive http://sohointeractive.com on Apr 17, 2009
Great list, printed and bookmarked.

K.
#22. Michael on Apr 30, 2009
I really like the hover tooltip you're using for your links. Is it a plugin or something custom you made?
#23. wpgwiggum http://www.homeitsolutions.ca on May 18, 2009
Nice list, as someone learning jQuery it's nice to see what is out there.
#24. Anna http://jquery.posterious.com on May 24, 2009
Hi Marc, thanks for the list. I actually ended up bookmarking the page and going through the list one by one... came to the post through google searching for "removing table column" though :)))

For those who share my faith, here is a little jQuery code to remove table column.

Love "media" plugin for its unobtrussivenes :) By the way, Live plugin is built in jQuery 1.3 :)

Thanks for the list.
#25. reiki http://www.thirdeyereiki.com on Jul 01, 2009
Excellent information. Finding a few such solutions has taken hours in the past.

Thank u.
#26. Sangam Uprety http://dotnetspidor.blogspot.com on Jul 28, 2009
Excellent list of plugins. Thanks for the listing.
#27. Anand http://www.ocimumbio.com on Aug 18, 2009
Hi These plugins and examples are excellent and very useful. Here i have a requirement. I have a table in that i have a column of text boxes. When ever i enter value for one textbox, i should be able to drag the same value among rest or some text boxes in the same column. (Just like Excel) if any one find this kind of example. Kindly mail me please. Thanks in advance.
#28. srini http://domain.com on Sep 09, 2009
good work man!! thanks a lot. its really helpfull... keep doing such... :-)
#29. DevD http://www.geektantra.com on Oct 01, 2009
Nice collection man.
Did you have a look at
http://www.geektantra.com/2009/09/jquery-live-form-validation-version-1-1/
Its a form validation plugin. I guess it should go into your list as well.
#30. Basit on Oct 19, 2009
please update this list
#31. Taner http://www.tanerdogan.net on Oct 20, 2009
Rellay great list. Thank You!
#32. Shahriar Hyder http://technosiastic.wordpress.com/ on Nov 01, 2009
Very nice list mate. I have also listed your post in my blog titled 'Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance' here:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/
#33. Xicom Technologies http://www.xicom.biz/ on Jan 11, 2010
Nice sharing, Thanks.
#34. Jon Winstanley http://jonwinstanley.com on Jan 12, 2010
The best plugin I have used is Colorbox. It is a replacement for all the lightbox clones

It supports photos, photo groups, slideshow, ajax, inline, and iframed content. and is less than 9KB of JavaScript. You can then control the appearance through CSS.

http://colorpowered.com/colorbox/
#35. Css Codes http://www.csscodes.net on Jan 24, 2010
The best plugin I have used is Colorbox. It is a replacement for all the lightbox clones
#36. Ajax tutorial http://www.ajax-tutorial.org on Jan 24, 2010
Nice collection man.
Did you have a look at
#37. Daniel Nowak http://www.jquery-sticky-notes.com/ on Jan 26, 2010
Hello,

i created a small jQuery plugin. It crates a post-it board on a webpage like the mac application sticky notes. Could you add it to your list ? You find it here: http://www.jquery-sticky-notes.com/
If you have any questions, do not hesitate to ask.

Best Regards -> Daniel
#38. Leblanc M http://www.robusthaven.com/articles/ 1 month ago
jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level. http://www.robusthaven.com/articles/Auto+generating+the+table+of+contents+with+jQuery
#39. Theo http://rolling-webdesign.com 3 weeks ago
Great jquery collection. Bookmarked !

Thanks for sharing!
#40. Azhar 2 weeks, 3 days ago
I want to auto save my form in cookies after some time interval, I found some codes but not works perfect, Please help in this regard. Thank You
#41. SEO http://www.seo.net 2 weeks, 3 days ago
I have bokmarked this page. Nice collection.
#42. George Vishaz http://domain.com 1 week, 6 days ago
Thank for the useful info.

Another good tool is Likno Web Modal Windows Builder (for jquery modal windows)
http://www.likno.com/jquery-modal-windows/index.php

hope this helps!
#43. Inder Singh http://indersingh.com 1 week, 1 day ago
NIce .. Good List and collection..

Leave a Comment

Other Reading - Categories