In this post we have collected 37 jQuery plugins for use in your next web project.
Description : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original position.
Description : This tutorial will explain how to implement a simple virtual keyboard with some with jQuery. From any given login form you click the Keyboard link and a jQuery powered virtual keyboard will appear.
Description : Simulate a Digg style signup form, with its unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.
Description : If you have lots of content to present but can not load all of it at once as it may take too long, this plugin is the answer. It is styled upon dZone’s Ajax content loading while scrolling feature.
Description : You can create a very elegant photo gallery page with this plugin, watch as the images slide in and out. Nice and smooth.
Description : Because I was bored by so many pages using lightbox and it`s clones,
This “lightbox” clone was created out of a need for something fresh and as the developer says “Mac Like”. Some of the features it has are: Automatically scales large images to fit in window, adds a nice drop shadow under the zoomed item, groups related items and adds navigation through them (uses preloading), can display images, inline and iframed content and, of course, customizable through settings and CSS.
Description : Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.
Description : The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin. Cool.
Description : InnerFade is designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation. Anything.
Description : Tablesorter can turn any standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. Tablesorter can successfully parse and sort many types of data including linked data in a cell.
Description : jGoogle will wrap google AJAX search APIs in a single jQuery plugin to extract usable data. The first version will include GImageSearch.
Description : In a nutshell, jTruncate provides simple yet customizable truncation for text entities in your web page. A great effect for content heavy sites.
Description : The first version of this plugin supports the ability to have shapes other than rounding on the corners.
Description : This plugin enables you to detect events triggered by the right mouse button. There is also a built-in method to disable browser context menus.
Description : Creating equal-height columns with CSS is sometimes a bear. But who needs the hassle of faux columns, “clear” divs and the rest? With this bit of jQuery, you can easily equalize the heights of any group of elements.
Description : Drop Down menus are a really convient way to fit a large menu into a really small initial space. For a long time people have just used a form element for standard drop downs, but with minimal effort you can create a much slicker effect using jQuery and CSS.
Description : This amazing music player is coded in xHTML and jQuery that makes use of mouse gestures and hotkeys. You can Click and Drag with your mouse to interact with interface’s music player or use directional keys and the spacebar instead of the mouse. Truelly amazing.
Description : This plugin allow you to turn your existing selectboxes into combo boxes, which is the mixture of text input and selectbox.
Description : This is a small jQuery plugin for creating fading hover effects. It will perform colour and image merging.
Description : You have most likely seen this feature on many sites – 3 “A”s of varying size which when clicked dynamically change the overall size of text on the page. This is a JQuery version.
Description : jQuery plugin for Twitter is simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page.
Description : This is a great solution to comment boxes that are alway too small for long comment. As the user enter comment in this box, the box will stretch so the full comment will always be visible, making it easier for the user to review and edit his comment before posting it.
Description : idTabs makes adding tabs into a website very simple.The possiblities for extending this plugin are endless, have a look at the demo page for some marvellous examples. I love this plugin.
Description : A nice and simple progress bar plugin, that is very easy to implement.
Description : Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery. They allow the user to play/pause, or step through to a specific image within the gallery.
Description : An excellent variation of a tooltip, that you can style via CSS (including background images) until your heart is content.
Description : This plugin allows users to click your feed icon and be presented with a list of feeds to choose from. It could be your content, comments, twitter, any type of feed you like, really.
Description : This plugin is great because by simply adding the the jQuery library and the plugin, you can AJAX’ify pretty much any form without much work.
Description : A nice and small jQuery accordion menu that has a nice fade in fade out animation when users navigate around them. The html file is around 1kb,and all the files together are about 52kb.
Description : This is a live search plugin using jQuery, which searches automatically after you entered your keyword. Easily implemented into WordPress.
Description : It is truelly simple, but effective. Nice and gentle slideshow that would not dominate any web page, I like that about it.
Description : This drilldown menu provides easy navigation of complex nested structures with any number of levels. The entire menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.
Description : The plugin animation is triggered every time the Shuffle button is clicked. Each time, the code will choose two squares to switch positions with one another. One of the squares is chosen at random. However, the second square is one of the previously shuffled squares.
Description : This technique uses jQuery to modify the markup and to animate to fade transition.
Description : This plugin allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.
Description : jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X’s Growl Framework works. It has the ability to create multiple container instances, allowing a developer to raise and create various notifications in various location on the user’s screen.