AddyOsmani.com | Where Web Businesses Grow

 

 

In today’s post I’m going to share 20 jQuery Plugins that I think could really improve your user interface in just a few minutes. Some of them require a little more customization or integration than others, but on the whole, the plugins in this post will hopefully give you the inspiration and implementations you need to give your projects that little extra something.

 

 

 

jQuery Plugin – Feature List

Simple and easy creation of an interactive "Featured Items" widget …

 

jQuery Plugin – Sexy Alert Box

Sexy Alert Box is a “sexy” clone of classic Javascript alert …

 

jQuery Plugin – Facebook like Autosuggestion

Facebook like Autosuggestion user search with jQuery, Ajax and PHP …

 

jQuery Plugin – Horizontal Tooltips Menu

A horizontal menu with tooltip that slides across the menu panel …

 

 jQuery Plugin – Sexy Lightbox

Sexy Lightbox is a more lightweight and sexier clone of the classic Lightbox. It was constructed thinking about web designers, easy installation and use …

 

jQuery Plugin – Simple Page Peel Effect

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath …

 

 jQuery Plugin – Uploadify

Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website …

 

 jQuery Plugin – Facebook Style Alert Confirm Box

This shows you how to implement a facebook style alert box …

 

 

 jQuery Plugin – Create an Interactive, Filterable Portfolio

How to create an interactive portfolio in jQuery that looks like it was made in Flash …

 

 jQuery Plugin – Favorite Rating

This tutorial shows you how to implement a "Show the love" rating system like amypink.com …

 

 jQuery Plugin – Coda Bubble

This plugin can be used to create multiple pop-ups Coda Bubble style …

 

 jQuery Plugin – Search & Share

Search and Share makes highlighting text a more functional action. More specifically, it attempts to understand the intention of a user’s text selection and present a variety of options accordingly …

 

 jQuery Plugin – Simply Scroll

simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically …

 

 jQuery Plugin – Side Navigation Tooltip / Popup Bubble

A tooltip / popup bubble using jQuery …

 

jQuery Plugin – Color Changing Text and Backgrounds

Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able to adjust colors …

  

 jQuery Plugin – Dance Floor

When you click on a product, the product image will zoom out to see a featured close-up shot and a description …

 

 jQuery Plugin – Horizontal Animated Menu

This tutorial teaches you how to build a basic horizontal animated menu using jQuery that shows more information about the link when mouse is moved over it …

 

 jQuery Plugin – Editable Select

Transforms a select list to a text input so you can edit the value directly, or choose a value from the list options …

 

 jQuery Plugin – Create Good Looking Floating Menu

This tutorial will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function …