10 Awesome jQuery plugins for Web Designers

Every Web-Designer love to make his web designs and projects beautiful than ever and so dOo I. In personal am not a great designer jquery 10 Awesome jQuery plugins for Web Designerson my own, but I love to make experiments to make my projects look beautiful and looking forward to my addiction, I handpicked some of the best jQuery plugins available throughout the net. This post of mine will help some curious designers to highlight their web designs to the next level.

Our top 10 picks

Icon Dock

icondock 10 Awesome jQuery plugins for Web Designers

Ever wondered about the Dock effect on your web like you have on your mac or the one you get with object dock and rocket dock on your windows. This all is possible with Icon Dock now. iConDock is a jQuery plugin that allows you to create a menu on your web like you have that on your PC with Object Dock.

A Sliding Menu

jQuerymenu 10 Awesome jQuery plugins for Web Designers

This is a must check plugin. If you like some real cool animation with your Menu bar, you must try this for sure. With this pligun menu shows, when clicked on, sliding out from nowhere in a nice animation and slides in back when clicked on again, vice-versa. The plugin is available in 3 formats. Check out the live demo of all 3 formats by clicking here.

jQuery.popeye

jQuerypopeye 10 Awesome jQuery plugins for Web DesignersThere are many image showcase plugins like ThickBox, LightBox, but this is the best of them all. This plugin transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.

jPlayer

jquerymp3 10 Awesome jQuery plugins for Web DesignersThis is the best plugin with the use of HTML5.  Streams music fast using HTML5 and alternative ogg format support. Using this jQuery plugin, you can have your own music player on your web. The developer says

jPlayer is a jQuery plugin that allows you to:

  • play and control audio files in your webpage
  • create and style an audio player using just HTML and CSS
  • add sound effects to your jQuery projects
  • stream faster using HTML5 and alternative ogg format support.

This is a must have plugin if you have a personal web or a blog about yourself, which could show your taste of music too.

Sliding Boxes and Captions with jQuery

slidingbox 300x231 10 Awesome jQuery plugins for Web DesignersThis is a multiple-effects-plugin and is very useful if you want to have hidden captions or hidden content that shows when hovering an image (mouseover). The source of plugin it self consist of some cool effects like Hidden Title, Image roller, Hidden content etc. But if you are a good with the stuff, you can even mod it to your likings.

Creating a fading header

jQueryheader 10 Awesome jQuery plugins for Web DesignersA simple example using jQuery and CSS that shows you how to create the fading header technique. This will help you insert a cool effect to your header background, by inserting a fading second image on mouse hover. The tutorial is out using a jQuery with two images, which you could extend further to multiple images.

Beautiful jQuery Slider

beautiful jquery slider 300x120 10 Awesome jQuery plugins for Web DesignersIf you are looking for a beautiful image slider with a Title and a short description part, this plugin is the best of all. I personally recommend you to use this plugin as it is the most beautiful jQuery slider on the web (as per me atleast). The plugin slides images with a beautiful twist on the caption and with an auto slide feature with beautiful blue no. buttons.

Step Carousel Viewer

Step Carousel Viewer 300x123 10 Awesome jQuery plugins for Web DesignersNeed a jQuery regarding image slider feature, then this is the plugin you are looking for. The developer says Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.

imgAreaSelect

imgareaselect 10 Awesome jQuery plugins for Web DesignersimgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes. It is not just that simple cropping jQuery plugin, its in the list cause of its wonderful addon features like Keyboard support for moving and resizing the selection,Lightweight — the packed version is less than 8KB and the API functions for easier integration with other application components and some more features.

jQuery Toggle elements

jQueryToggleElements 10 Awesome jQuery plugins for Web DesignersLast but not the least, and one of the very much used plugin feature (the toggle effect). If you want to just show up the titles to your readers, and the content when the reader clicks on the title, then this is your plugin. This plugin brings out a wonderful toggle effect, which slides down the content when some one clicks on the title.

Like this post? Hit up the Digg, Stumble or socialize it in your own way. Dont forget to fill up the comment box with your Cnc.

jPlayer is a jQuery plugin that allows you to:

  • play and control audio files in your webpage
  • create and style an audio player using just HTML and CSS
  • add sound effects to your jQuery projects
  • stream faster using HTML5 and alternative ogg format support
The following two tabs change content below.
 10 Awesome jQuery plugins for Web Designers
Author Sarang Dravid has started blogging since his graduation from RGTU in 2008. He started with a Technical Blog in 2008 and is now founder of multiple technical and IM blogs. His expertise includes Search Engine Optimization, Social Media Marketing, Technical Writing. To know more about him follow on twitter/facebook/google+

Comments

  1. Great post, really helpful article for web designers.

    Keep it up buddy!..

  2. avatar Dhaval Malte says:

    Very nice & useful… :)

    Esp for newbie designers like me! :)

  3. very cool, i will have to try it out some time! twitter(at)locspoc

  4. Nice list of plugins.. will give it a try.. thanks for sharing’em ! ;)

  5. yo welcome guyz :)

  6. agree

  7. avatar geronimogroovy says:

    one more tool for your list could be a tool i use (a lot!) called Likno Web Modal Windows Builder (for jquery modal windows)

    http://www.likno.com/jquery-modal-windows/index.php

    hope this helps

Leave a Reply