22 Beautiful jQuery Plugins for Web Designers

Tuesday, 18 August 2009 06:59

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.