20 Fresh jQuery Plugins to Enhance your User Interface

The great thing about jQuery is that talented jQuery developers often release new and useful plugins on a regular basis. jQuery plugins are not only easy to implement, but easy to maintain even when used throughout large sites.

In this article, we share with you a list of 20 useful jQuery plugins that were released recently that could help you for your next web project. There are various types of plugins here such as modal windows, image galleries, auto complete for form input, bookmarking functions, preloaders, and more. Enjoy!

1. SimpleModal

This jQuery plugin is a flexible and straightforward way of providing modal window functionality on your site.

SimpleModalSimpleModal Demo

2. Panel Gallery

Panel Gallery is an image slideshow with a unique transitional effect. It transitions to another image in a sequential panel manner.

Panel Gallery Panel Gallery Demo

3. Easy Image Gallery

Creating image thumbnail galleries is a snap when you implement the Easy Image Gallery jQuery plugin into your site’s template.

Easy Image Gallery Easy Image Gallery Demo

4. nyromModal

nyromModal is a useful jQuery plugin that has a robust set of features and options for you to truly create a customized modal window for your web pages.

nyromModalnyromModal Demo

5. PikaChoose

PikaChoose is a super lightweight image gallery that’s a cinch to integrate into your website. You can see it in action on the Belvedere Inc website.

PikaChoosePikaChoose Demo

6. Image Overlay Plugin

The Image Overlay Plugin lets you present more information about your images. Hovering over an image reveals associated text on top of it.

Image Overlay PluginImage Overlay Plugin Demo

7. imgAreaSelect

If you’re creating a web app that supports image cropping, this can be the client-side function that lets your users select rectangular areas of an image.

imgAreaSelectImgAreaSelect Demo

8. SimpleMenu

If you need a simple, lightweight, and barebones JavaScript-based navigation menu, SimpleMenu is the jQuery plugin of your dreams.

SimpleMenuSimpleMenu Demo

9. SlideBox

Do you need a sliding div panel at the top (or bottom) of web pages that can contain more links or your login/sign-in feature? Check out SlideBox.

SlideBoxSlideBox Demo

10. Single Drop Down Menu

Single Drop Down Menu (also known as Single-ddm) is a quick and hassle-free way of implementing multi-level navigation menus that leverage JavaScript.

Single Drop Down MenuSingle Drop Down Menu Demo

11. Auto Complete

Are you trying to build a custom search feature for a site? The Auto Complete jQuery plugin can supercharge your form inputs with additional user feature.

Auto CompleteAuto Complete Demo

12. jQuery Iconize

jQuery Iconize allows you to reduce or expand page elements into an "icon state", providing your web app a user-friendly way of minimizing page objects.

jQuery IconizejQuery Iconize Demo

13. Inline Text Edit

Web developers looking to provide users with a basic in-page text editor should take a look at the Inline Text Edit jQuery plugin.

Inline Text EditInline Text Edit Demo

14. PfeLoader

This jQuery plugin allows you to display a progress bar for page components that are being downloaded – useful for image galleries that share large-scale photos.

PfeLoaderPfeLoader Demo

15. Growl

Growl allows you to present DOM-inserted elements (divs by default) that are perfect for user warnings, messages, and status update notifications.

GrowlGrowl Demo

16. jQuery Bookmark

Sharing your content in social news and networking sites requires little else than implementing the jQuery Bookmark plugin.

jQuery BookmarkjQuery Bookmark Demo

17. Mouse Over Animation for Text

MOAText is a spiffy jQuery plugin for giving you the ability to animate HTML text triggered when the mouse cursor hovers over them.

Mouse Over Animation for TextMOAText Demo

18. OverScroll

OverScroll lets you move around by holding down a mouse button and moving it, similar to how the iPhone allows you to move around a screen by finger gestures.

OverScrollOverScroll Demo

19. jQDialog

jQDialog is a jQuery plugin for exhibiting unobtrusive modal windows for in-page notifications that can replace the alert(), prompt(), and confirm() JavaScript functions.

jQDialogjQDialog Demo

20. Uploadify

Uploadify is a package written on top of jQuery that gives you both the client-side and server-side functionality you’ll need to handle single-file and multi-file uploads.

UploadifyUploadify Demo

Can you suggest more plugins that we’ve overlooked? Have you used any of the plugins above? Share your thoughts and opinions in the comments!

Related Content

About the Author

Kawsar Ali is a web designer, graphic designer, and wannabe photographer based in NY, U.S. He’s also the founder of Desizntech, a site on tips about web design, Mac, PC and more. If you’d like to connect with him, you can follow him on Twitter or at his Personal Website.

This was published on Sep 9, 2009


Ary Mega Sep 09 2009

Very fresh — thanks for this.

Leoganda Sep 09 2009

Great collections! Thanks

Bryan Regencia Sep 09 2009

Nice plugins. I will surely use some of these in my next projects. Thanks for sharing.

Great roundup, definitely some useful plugins on this list. I’ll be checking out SimpleModal and Growl for sure!

right on time, i was looking for a web gallery script.

Fantastic list of resources here. I am liking the Pikachoose gallery.Looks useful for what i am wanting to achieve.

Thanks again. Great blog.

Very good, I already use SimpleModal boxes for my website but nyromModal looks interesting

Webjohn01 Sep 10 2009

It was a great article showcasing the different JQuery plugins for better user experience. I like very much the Panel Gallery it is a good choice over creating it in Adobe Flash.

Keep posting!

evertt de sousa Sep 10 2009

wow very nice this post

claudio Sep 10 2009

Very useful, thanks.

coll list, that panel gallery will come in handy

AtiKuSDesign Sep 10 2009

I love writing jQuery. I haven’t needed to use it in ages though. If only i had time for numerous personal projects where I could include it just to try out new techniques.

One day…

Ryan Sarmast Sep 10 2009

Wonderful list, the SimpleModal is awesome.

Amber Weinberg Sep 10 2009

Great list. Growl is one of my favs up there.

xiangjian Sep 10 2009

this is beautiful

Eric Martin Sep 10 2009

Great list – thanks for including SimpleModal!

Roberto Sep 11 2009

Great ideas. Thanks.

cypherbox Sep 11 2009

Nice jQuery compilation. Very useful for future projects. =)

Such a good resource page, I’m gonna bookmark this beauty. Don’t really know much about JQuery, but some of the examples here are awesome and would be really handy for my web design.
I’ll have to get my learning hat on…
Thanks for the knowledge.

These are great thanks for putting this together!

Eric Clemmons Sep 18 2009

Here’s a jQuery plugin I created to enable “endless scroll” on clients’ blogs:

We made the footer of the page fixed to the bottom of the window so nothing gets covered by the continuous stream of content. Oct 16 2009

Very good ….

BigM75 Jan 14 2010

so cool plugins more please thanks

builder london Apr 22 2010

Awesome collection.

Franz May 07 2010

awesome list – thumbs up!

may I suggest another tool for your list? A good tool I use is Likno Web Modal Windows Builder (jQuery modal windows) – its very easy to use.

You can find it at:

they also have a tool for tooltips…

Wolfram Dec 15 2010

I had a pretty good run with processing.js, a port of the Processing Visualization Language by John Resig (jQuery) himself.

Rudi Roux Jan 28 2011

Thanks for these plugins. Just what i was looking for.

farsweb Mar 10 2011

wow nice post thanks , very well

Informative… !!!

Achut Jun 07 2011

Nice artical but some artical links are broken…….

Jensen Intelli Jul 30 2011

“Pikachoose” and “Panel” are the effects I was looking for for this site. Not entirely new, but certainly modded up enough.

La Boite Digitale Aug 18 2011

great, i like this issue, thank you

Raf Iwo Aug 25 2011

great set, thanks.

Niveditha Oct 30 2011

Hi, pls suggest a plugin for footer menu which has several links under each heading. The Slide Box plugin here is not opening. Its urgent!

This comment section is closed. Please contact us if you have important new information about this post.