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
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!
111 Comments
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 inappropriateIts 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 inappropriateHello! What the plugin displays the related posts (“You might also like:…”)
Flag as inappropriateGreat site love Jquery!
http://www.seocentralflorida/SeoBlog
Flag as inappropriateAll 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 inappropriateyummy! thaaansk for really good work!
Flag as inappropriateAll 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 inappropriatewow! g8 post.
Flag as inappropriateMore interesting & useful ajax scripts on jquery
http://www.coolajax.net/page/pagelist/30-ajax-scripts-for-galleries.html
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 inappropriateCool site!
Flag as inappropriateGreat site and very nice info! Thanks!
Flag as inappropriateThanks for your post.
Flag as inappropriateGreat post.
Nice collection
Flag as inappropriatecool collection! Now I know what I can use in my next themes
Flag as inappropriateExcellent solution of JQuery Plugins. Thank you for your share.
Flag as inappropriategreat collection! n thanks
Flag as inappropriateDownload free web development tools
Flag as inappropriateyhis is good like it
Flag as inappropriateVery nice and useful tutorials for web designers,
Flag as inappropriateThanks for posting.
Thanks Bro
Flag as inappropriateThanks for your post , Great post.37
Flag as inappropriateGreat reading! Thanks for sharing126
Flag as inappropriateThanks for your post , Great post.
Flag as inappropriateThis 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 inappropriatethats the right way thanks super plugins nice
Flag as inappropriateLike the jPlayer musicplayer! I’ll try it, let you know where to find it :)
Flag as inappropriateGreat collection of jQuery plugins … will definitely take a look at a couple of new ones on your list ….
Flag as inappropriateExcellent selection of JQuery Plugins. Nice Posts
Flag as inappropriateThanks
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 inappropriategr8 work man…
u guys rockk
Flag as inappropriatesame old same old
Flag as inappropriatean adorable collection … thank you so much for sharing it :-)
Flag as inappropriateCool dude
Flag as inappropriateThis is a really useful collection, these are definitely very popular plugins.
Flag as inappropriateSome great jQuery ideas there – my fav is defo jQuery – Beautiful slider (the last one)
Flag as inappropriateNice and usefull collection, thanks, I try to use my projects.
Flag as inappropriateAlso, 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 inappropriateHey 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 inappropriateBest selection ever
Flag as inappropriateNice jQuery Examples
Flag as inappropriateNeat collection – that’s definitely been bookmarked!
Flag as inappropriateThanks
thanks for the crazy selection
Flag as inappropriateGood collection. Thanx :)
Flag as inappropriateCool collection. Thanks for that.
Flag as inappropriatethanks Jonathan Olsen, so usefull samples
Flag as inappropriateWhere 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 inappropriateFound it myself ;)
http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
Flag as inappropriateThanks !!! Great collection !
Flag as inappropriateGeart
Flag as inappropriateLots of useful plugins I can use. I really want to learn jQuery and these will help me alot. Thanks
Flag as inappropriateReally 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 inappropriatemore jQuery plugins:http://www.open-open.com/ajax/jQuery.htm
Flag as inappropriateThese 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 inappropriateThis is a great collection of JQuery plugins.
Flag as inappropriateNice work. :D
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 inappropriatei 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 inappropriateNice 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 inappropriateThat’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 inappropriateThank you for the great information!
Flag as inappropriateNice, useful collection! Thank you!
Flag as inappropriateAt least half of these are going to be of use to me.
Flag as inappropriateGreat share!
Great resource man. Keep going.
Flag as inappropriatei find lightbox is the most useful imho.
Flag as inappropriatejcarousel is great, too.
Nice Share, Thank U.
Flag as inappropriateThanks very much for this. I’ve been looking for the lavalamp one for a while and couldn’t remember the name…
Cheers!
Flag as inappropriateMust have plugins, thanks for the info mate. :)
Flag as inappropriateGreat round up of Jquery plugins! Imageselect is a plugin i’ve used a loved for quite some time now
Flag as inappropriatereally awesome … i adore jQuery Lavalamp for jQuery lovers(and everybody else) .. i was wondering how to do it …special thankful for u
Flag as inappropriateNice 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 inappropriateWOW!
Flag as inappropriateThis will be VERY usefull!
Thanks a lot!!!
Awesome collection. I am going to use the colour picker. I wanted to use a colour picker for my blog. Thanks :)
Flag as inappropriate