25 Most Stylish jQuery Plugins

Stylize your designs with the best in class widgets, utilities, slideshows, forms and much more with this collection of most stylish jQuery plugins. Style is all that matters for a best in class design. Stylish designs and user interfaces are now a cakewalk with these jQuery plugins.

1. jGrowl

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X Growl Framework works.

2. BlockUI jQuery Plugin

BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

3. GlassBox jQuery Plugin

GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and Flash-like effects.

4. imgPreview – jQuery Gallery Plugin

The imgPreview plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!

5. Slimbox 2 – jQuery Plugin

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

6. Slick Content Slider

Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like ?above the fold? it is ever so important to provide eye-catching and functional user interfaces. In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

7. Fancy AJAX Contact Form – jQuery Plugin

In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the help of JQtransform and formValidator plugin.

8. AJAX Based Shopping Cart

Create an AJAX-driven shopping cart. All the products are going to be stored in a MySQL database, with PHP showing and processing the data.

9. Dance Floor – jQuery Plugin

With the Dance Floor – jQuery Plugin, when you click on a product, the product image will zoom out to see a featured close-up shot and a description. When you click on another product, the last opened product will zoom back and the new clicked product will zoom out.

10. Silky Smooth Marquee – jQuery Plugin

The Silky Smooth Marquee – jQuery Plugin enhances the marquee tag.

11. jQuery Tools Expose

Expose is a JavaScript tool that exposes selected HTML elements on the page so that the surrounding elements will gradually fade out. The exposing effect was first introduced in the overlay tool. Usually the effect is an integral part of the program and cannot be used separately. This tool takes the idea of exposing a little further. It is a separate tool that can be used as a general purpose expose utility. You can use it for overlays, forms, images, videos or Flash objects.

12. Halftone Navigation – jQuery Plugin

CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

13. Slinky Slider – jQuery Plugin

Slinky Slider is a jQuery plugin that loads HTML files into panels to be shown inside a nominated

. Once the panels have been loaded, all bar one are collapsed. An automatic animation cycles through the panels showing the content of each in turn. When the user mouses over a panel, it expands and the automatic animation stops. The panels can contain full HTML, or just image references.

14. Fly Off Page – jQuery Plugin

It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and retainSpace which allows you to retain, disregard or animate-out the space that the specified element once took up.

15. Form Tips – jQuery Plugin

Form Tips is a plugin for the popular javascript library jquery. It enables a form to draw default values or messages into input/textarea elements. The text is fetched from the title-attribute of the element.

16. jquizme – jQuery Web Page Quiz

jQuizMe is a webpage quiz application made with jQuery. Uses javascript and css. You can make the following types of quizzes. Fill In The Blank, Flash Cards, Multiple Choice (list or options tags) and True or False.

17. jQuery Gallery

Build a custom gallery that scans a folder of images and outputs a cool image gallery, utilizing PHP, CSS, jQuery and the lightBox plug-in.

18. Add Zoom Icon to Images With jQuery

This jQuery plugin adds a zoom icon when you hover an image.

19. Making Our Own Twitter Timeline

Create Twitter-like timeline, where you can view and post your tweets. You can use the code for all kinds of purposes and be sure that the possibilities are endless.

20. Sort and Vote – jQuery Plugin

Teach you how to make a draggable sort & vote poll, that will enable your website visitors to choose their favorite tutorial from the site. After they vote, a friendly CSS chart will show them how the tutorials are ranked and the total number of voters.

21. Twitter Ticker

Create a pure jQuery & CSS twitter ticker which utilizes Twitters Search API.

22. Sticky Notes – jQuery Plugin

An AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.

23. Apple-like Slideshow Gallery

An Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.

24. Google Wave History Slider

Enable visitors to go back and forth in time to view the changes that take place on a comment thread with Google Wave-like history slider.
back

25. Twitter List Powered Fan Page

Recently, Twitter rolled out a great new feature on their site ? lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once. Also, at the same time, they expanded their API to include list management functionality. This allows us to use these new tools to create a widget that flips lists the other way around ? a fan page you can put in your sidebar, that allows your visitors to fill in their twitter name and join a specially crafted fan list

Share and Enjoy:

• 
• 
• 
• 
• 
• 
•