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
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.
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.
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!
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).
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!
jQuery form plugin
This is a very simple but useful plugin. Have you ever had problems establishing a form? Now you dont.
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.
jQuery accordion plugin – vertical
This is maybe one of the most attractive jQuery plugins out there. Accordion I say! Vertical niceness to the eyes.
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
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.
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.
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.
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.
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.
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.
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).
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?
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.
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.
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.
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.
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!
About the Author
Jonathan Olsen is a freelance Web and Graphic designer located in Sweden, Stockholm. He has been designing for the past 5 years to express what's on his mind through design.
Free Goodies. Delivered to You.
Subscribe to Tutorial9, and we'll deliver you the newest freebies and tutorials for free.
Subscribe By Email Subscribe By RSSWith the help of these structured lessons, you'll be a master of Photoshop in no time!
Write for Tutorial9
- Do you want to get paid $150 for writing at Tutorial9?
- Are you a talented Photoshopper, Blogger, or Photographer?
- Want to help thousands of others by sharing your knowledge?
If so, we're interested in you, and we'll pay you. Find out how to write for Tutorial9.
90 Comments Leave a Comment
Nice jQuery Examples
Best selection ever
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!!
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.
Nice and usefull collection, thanks, I try to use my projects.
Some great jQuery ideas there – my fav is defo jQuery – Beautiful slider (the last one)
This is a really useful collection, these are definitely very popular plugins.
Cool dude
an adorable collection … thank you so much for sharing it
same old same old
gr8 work man…
u guys rockk
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.
Excellent selection of JQuery Plugins. Nice Posts
Thanks
Great collection of jQuery plugins … will definitely take a look at a couple of new ones on your list ….
Like the jPlayer musicplayer! I’ll try it, let you know where to find it
thats the right way thanks super plugins nice
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?
Thanks for your post , Great post.
Great reading! Thanks for sharing126
Thanks for your post , Great post.37
Thanks Bro