Sign In  |  Join Now Become a member to add links and start earning points!

22 Beautiful jQuery Plugins for Web Designers

This collection of jQuery plugins might come in handy next time you’re building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.

20+ Beautiful jQuery Plugins for Web Designers

Alt Text

Thickbox 3.1

This is a ThickBox. A ThickBox is approximately like a lightbox, but with more effects. It supports content using AJAX etc etc, and is very useful displaying several images in a row.

Alt Text

Lightbox

Like ThickBox but with less features. Simpler. For those of you that doesn’t need many features and just want a simple image-display-funcition-plugin.

Alt Text

jQuery.popeye � an inline lightbox alternative

Another alternate version of lighbox. But this one stands out from the rest. Check it out to see what can be done!

Alt Text

Sliding boxes and captions with jQuery

This is a multiple-effects-plugin and is very useful if you want to have hidden captions that shows when hovering an image(mouseover).

Alt Text

jPlayer – jQuery mp3 player plugin

Using this plugin you can have your own musicplayer in no time! It is very useful. Almost like your own myspace but with jQuery!

Alt Text

jQuery form plugin

This is a very simple but useful plugin. Have you ever had problems establishing a form? Now you dont.

Alt Text

easyDrag jQuery plugin

With this plugin you can drag and drop any item as you wish! Good for moving content around. And it’s very simple to use.

Alt Text

jQuery accordion plugin – vertical

This is maybe one of the most attractive jQuery plugins out there. Accordion I say! Vertical niceness to the eyes.

Alt Text

jQuery accordion plugin – horizontal

This accordion plugin is the same as the above but with a little twist… It’s horizontal! Very useful displaying larger images. Good for portfolio-usage

Alt Text

Switch stylesheets with jQuery

This is a very small but useful plugin. Using this plugin you can switch the styles of your webpage using different CSS files and this plugin.

Alt Text

Innerfade with jQuery

This plugin alows you to fade any element inside a container in and out. These elements could be anything you wish. Very useful displaying your portfolio in a nice way.

Alt Text

Coda slider 1.1.1

This jQuery slider, I think, is one of the most used plugins on the web. A slider simply slides content from content1 > content2> content3 etc. Very nice and useful effect.

Alt Text

jQuery toggle elements

Simply toggle elements on and off. This one has a very cool animation on the content too, so its not only the toggle effect.

Alt Text

jCarousel – Riding carousels with jQuery

This one shows many images(commonly thumbnails) in a smaller area. You could actually call this a thumbnailslider. Very useful if you have too many images in a too small area.

Alt Text

jQuery Plugin – a Sliding Menu

This menu shows, when clicked on, sliding out from nowhere in a nice animation and does the same when clicked on again, vice-versa.

Alt Text

jQuery Lavalamp for jQuery lovers(and everybody else)

Lavalamp is a very smooth meny-animation-effect. It has a feeling of its own. You need to see it for yourself to know what I’m talking about(my personal favourite).

Alt Text

jQuery colorpicker

Pick your own colours using jQuery! Almost like in Photoshop, but with less colorchoices. You can use it to change the textcolor in a textarea or just let your visitors change your textcolor on your website maybe?

Alt Text

jQuery star rating – Dynamicly create a Ajax rater

This is a star-rating-plugin. Use this to let your visitors rate your content based on what they think of it. You can have up to how many stars you would like, but my advice is to use the maximum of 10.

Alt Text

jQuery – IconDock

Like Apples Dock. But with jQuery. This plugin is very attractive and very useful for everyone that wants a cool effect and look on their menu/portfolio navigation/quickbar navigation/etc.

Alt Text

jQuery – Imageselect

Use this to croop an image using jQuery. Very useful for avatar-crooping and crooping other images that may be used on the web that you want to make a smaller size inside of the browser.

Alt Text

jQuery loopedslider

A slider that slides your images just the way you want! This one has some nice extra effects and many options to choose from.

Alt Text

jQuery – Beautiful slider

Least but not last(or actually, last), the most beautiful jQuery slider on the web(according to me). Has a very nice twist on the caption!

111 Comments

  1. Add point Subtract point
    johnathan (-1 Points) January 24, 2011 at 4:07 pm

    hey, i really like your list and found it useful! Recently, i made a new plugin called jQuiz that is located at the jQuiz homepage. basically, it allows you to create a quiz from an ordered list and is pretty cool, i think :)

    Flag as inappropriate
  2. Add point Subtract point
    Cinderella Marsell (0 Points) January 8, 2011 at 2:06 pm

    Its Pleasure to understand your blog.The over posts is fairly extraordinary, and I very enjoyed reading your blog and elements which you expressed. I incredibly like to appear back on the typical basis,post a lot more inside topic.Thanks for sharing…keep writing!!!

    Flag as inappropriate
  3. Add point Subtract point
    Search Boy (1 Point) October 3, 2010 at 2:35 pm

    Hello! What the plugin displays the related posts (“You might also like:…”)

    Flag as inappropriate
  4. Add point Subtract point
    njmehta (2 Points) September 2, 2010 at 10:27 am

    All of the different image plugins are so useful and they make things really simple. Sometimes it can be a pain lining up images in a row if youâ€re not familiar with html.

    Flag as inappropriate
  5. Add point Subtract point
    ogniwa fotowoltaiczne (2 Points) August 24, 2010 at 6:48 pm

    yummy! thaaansk for really good work!

    Flag as inappropriate
  6. Add point Subtract point
    Interactive Web Design (1 Point) August 16, 2010 at 1:28 pm

    All of the different image plugins are so useful and they make things really simple. Sometimes it can be a pain lining up images in a row if you’re not familiar with html.

    Flag as inappropriate
  7. Add point Subtract point
    SXELADY (1 Point) May 12, 2010 at 9:21 am

    great list, thanks! one more option you might add to your list is Likno Web Tooltips Builder (http://www.likno.com/jquery-tooltips/index.php). great tool for creating jquery tooltips for websites.

    Flag as inappropriate
  8. Add point Subtract point
    ivanovandrey (1 Point) May 4, 2010 at 8:07 am

    Great site and very nice info! Thanks!

    Flag as inappropriate
  9. Add point Subtract point
    bharat (1 Point) April 30, 2010 at 3:52 am

    Thanks for your post.
    Great post.

    Flag as inappropriate
  10. Add point Subtract point
    Bond!tsch (1 Point) April 10, 2010 at 11:25 am

    cool collection! Now I know what I can use in my next themes

    Flag as inappropriate
  11. Add point Subtract point
    โหลดเพลง (1 Point) March 29, 2010 at 10:30 am

    Excellent solution of JQuery Plugins. Thank you for your share.

    Flag as inappropriate
  12. Add point Subtract point
    khanhngn (1 Point) March 5, 2010 at 9:20 am

    great collection! n thanks

    Flag as inappropriate
  13. Add point Subtract point
    Indialike (1 Point) February 12, 2010 at 7:59 am

    Very nice and useful tutorials for web designers,
    Thanks for posting.

    Flag as inappropriate
  14. Add point Subtract point
    แจกเพลง (2 Points) February 3, 2010 at 12:57 am

    Thanks for your post , Great post.37

    Flag as inappropriate
  15. Add point Subtract point
    เพลงใหม่ล่าสุดเดือนนี้ (0 Points) February 1, 2010 at 3:17 am

    Great reading! Thanks for sharing126

    Flag as inappropriate
  16. Add point Subtract point
    โหลดเพลงฟรี (1 Point) January 30, 2010 at 12:32 pm

    Thanks for your post , Great post.

    Flag as inappropriate
  17. Add point Subtract point

    This is a nice list and everything but there’s so many words missing out of your sentences and misspelled words (I’m gonna “croop” an image???) make it a bit harsh to read! Just saying keep up the good work and maybe get your top fans to proofread posts?

    Flag as inappropriate
  18. Add point Subtract point

    thats the right way thanks super plugins nice

    Flag as inappropriate
  19. Add point Subtract point
    Itsashirt T shirts (1 Point) January 13, 2010 at 1:54 pm

    Like the jPlayer musicplayer! I’ll try it, let you know where to find it :)

    Flag as inappropriate
  20. Add point Subtract point
    Chotrul Web Design (1 Point) December 19, 2009 at 1:16 pm

    Great collection of jQuery plugins … will definitely take a look at a couple of new ones on your list ….

    Flag as inappropriate
  21. Add point Subtract point

    Excellent selection of JQuery Plugins. Nice Posts
    Thanks

    Flag as inappropriate
  22. Add point Subtract point

    Thanks for the list.. I’m just sort of getting my feet wet with internet design, so I’ve been reading a lot of lists like these lately.

    Flag as inappropriate
  23. Add point Subtract point
    Egypt Web Design (1 Point) September 2, 2009 at 3:50 am

    an adorable collection … thank you so much for sharing it :-)

    Flag as inappropriate
  24. Add point Subtract point
    HullDO (1 Point) August 30, 2009 at 8:03 am

    This is a really useful collection, these are definitely very popular plugins.

    Flag as inappropriate
  25. Add point Subtract point
    SEO Nottingham (1 Point) August 28, 2009 at 9:07 am

    Some great jQuery ideas there – my fav is defo jQuery – Beautiful slider (the last one)

    Flag as inappropriate
  26. Add point Subtract point
    öğrenme nesneleri (1 Point) August 25, 2009 at 11:50 pm

    Nice and usefull collection, thanks, I try to use my projects.

    Flag as inappropriate
  27. Add point Subtract point
    cnovie (1 Point) August 25, 2009 at 3:41 pm

    Also, it seems that the content I have on the rest of my page falls behind the innerfade box. It needs to fall in line on the page. Help would be appreciated! Thanks.

    Flag as inappropriate
  28. Add point Subtract point
    cnovie (0 Points) August 25, 2009 at 3:25 pm

    Hey there, thanks for this site…it’s awesome!

    I’m using innerfade. Everything works perfectly except it indents like a normally would…but I don’t want it to! There’s too much space on the left side where the indent is and it throws my dimensions off. I’ve found the way to hide the bullet points but is there a way to get rid of that indent?

    Can someone help? Thanks!!

    Flag as inappropriate
  29. Add point Subtract point
    David Victor *Unikweb* (1 Point) August 25, 2009 at 2:28 pm

    Best selection ever

    Flag as inappropriate
  30. Add point Subtract point
    Most Interesting Ideas (1 Point) August 25, 2009 at 12:56 pm

    Nice jQuery Examples

    Flag as inappropriate
  31. Add point Subtract point
    Gungurru Design Blog (1 Point) August 25, 2009 at 5:10 am

    Neat collection – that’s definitely been bookmarked!
    Thanks

    Flag as inappropriate
  32. Add point Subtract point
    aviko-oloo (1 Point) August 24, 2009 at 11:24 am

    thanks for the crazy selection

    Flag as inappropriate
  33. Add point Subtract point

    Cool collection. Thanks for that.

    Flag as inappropriate
  34. Add point Subtract point
    herzevekil (1 Point) August 22, 2009 at 2:09 pm

    thanks Jonathan Olsen, so usefull samples

    Flag as inappropriate
  35. Add point Subtract point
    Sathish (1 Point) August 22, 2009 at 12:14 pm

    Where can the sources for Last Jquery plugin can be downloaded. Help me with the sources of “jQuery – Beautiful slider”

    Thanks.

    Awesome round-up…

    Flag as inappropriate
  36. Add point Subtract point
    Ryan Turki (1 Point) August 21, 2009 at 5:53 am

    Thanks !!! Great collection !

    Flag as inappropriate
  37. Add point Subtract point
    Oliver Web (1 Point) August 20, 2009 at 8:57 am

    Lots of useful plugins I can use. I really want to learn jQuery and these will help me alot. Thanks

    Flag as inappropriate
  38. Add point Subtract point
    Holger (1 Point) August 20, 2009 at 8:50 am

    Really nice collection. Thanks.

    I’ve been using some of these but others were new to me. I like the IconDock. Looking forward to a situation where I can use it :)

    Flag as inappropriate
  39. Add point Subtract point

    more jQuery plugins:http://www.open-open.com/ajax/jQuery.htm

    Flag as inappropriate
  40. Add point Subtract point
    Nardyello (0 Points) August 19, 2009 at 12:05 pm

    These are some excellent examples of what jQuery can do.

    Also as Casey L. Jones said, Lightbox model is really too common now. Almost everyone who has a portfolio or a set of pictures on their site most likely has a Lightbox model to display them.

    But, these are still fantastic results that jQuery can accomplish.

    Flag as inappropriate
  41. Add point Subtract point
    Richard Kotze (1 Point) August 19, 2009 at 11:47 am

    This is a great collection of JQuery plugins.
    Nice work. :D

    Flag as inappropriate
  42. Add point Subtract point
    Brandon (1 Point) August 19, 2009 at 9:02 am

    I find Colorbox – http://colorpowered.com/colorbox/ to be a much more customizable option and better written option than lightbox or thickbox. It seems to combine the best of both.

    Flag as inappropriate
  43. Add point Subtract point
    Dzinepress (1 Point) August 19, 2009 at 8:24 am

    i really love all of listed Jquery plugins, but me still under training about that, may be this will help me in my existing projects.

    Flag as inappropriate
  44. Add point Subtract point
    Casey L. Jones (1 Point) August 19, 2009 at 6:42 am

    Nice list. Some seem useful.

    However, Lightbox is getting to be all too common and over used. Would be nice if designers could get a bit more creative now and then.

    Flag as inappropriate
  45. Add point Subtract point
    Benjamin (1 Point) August 18, 2009 at 7:48 pm

    That’s a quite impressive list of high quality plugins.

    Maybe you could check out my lightweight zoom plugin for jquery located at http://benjaminmock.de/bezoom-jquery-plugin/ It’s still in an early phase, so it’d definitely like some feedback.

    Flag as inappropriate
  46. Add point Subtract point
    David Parsons (1 Point) August 18, 2009 at 6:51 pm

    Thank you for the great information!

    Flag as inappropriate
  47. Add point Subtract point

    Nice, useful collection! Thank you!

    Flag as inappropriate
  48. Add point Subtract point
    Sanity penguin (1 Point) August 18, 2009 at 5:08 pm

    At least half of these are going to be of use to me.
    Great share!

    Flag as inappropriate
  49. Add point Subtract point

    Great resource man. Keep going.

    Flag as inappropriate
  50. Add point Subtract point

    i find lightbox is the most useful imho.
    jcarousel is great, too.

    Flag as inappropriate
  51. Add point Subtract point

    Thanks very much for this. I’ve been looking for the lavalamp one for a while and couldn’t remember the name…

    Cheers!

    Flag as inappropriate
  52. Add point Subtract point

    Must have plugins, thanks for the info mate. :)

    Flag as inappropriate
  53. Add point Subtract point

    Great round up of Jquery plugins! Imageselect is a plugin i’ve used a loved for quite some time now

    Flag as inappropriate
  54. Add point Subtract point
    nicknames messenger (1 Point) August 18, 2009 at 11:10 am

    really awesome … i adore jQuery Lavalamp for jQuery lovers(and everybody else) .. i was wondering how to do it …special thankful for u

    Flag as inappropriate
  55. Add point Subtract point
    Sumeet Chawla (2 Points) August 18, 2009 at 10:59 am

    Nice list.. I am using that innerfade plug-in and its really cool. The icon doc plug-in sounds and looks cool too..Am going to try it out when I get time.. You could also include this “AnythingSlider jQuery Plugin” by Chris Coiyer

    Flag as inappropriate
  56. Add point Subtract point

    WOW!
    This will be VERY usefull!
    Thanks a lot!!!

    Flag as inappropriate
  57. Add point Subtract point
    Rahul Jadhav (0 Points) August 18, 2009 at 10:52 am

    Awesome collection. I am going to use the colour picker. I wanted to use a colour picker for my blog. Thanks :)

    Flag as inappropriate