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!
Related Topics: jquery, plugins, web design
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 RSSWrite 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.
109 Comments Leave a Comment
Great site and very nice info! Thanks!
Cool site!
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.
wow! g8 post.
More interesting & useful ajax scripts on jquery
http://www.coolajax.net/page/pagelist/30-ajax-scripts-for-galleries.html
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.
yummy! thaaansk for really good work!
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.
Great site love Jquery!
http://www.seocentralflorida/SeoBlog