JavaScript
Article

20 jQuery Stylish Plugins

By Sam Deering

Stylize your designs using these selected stylish jQuery plugins. They are really well styled and have great functions.

1. Google Wave History Slider

This will enable your visitors to go back and forth in times to view the changes that take place on a comment thread.
jQuery-Google-History-Slider.jpg
Source
See live demo


2. TipTip

Have a beautiful tooltip with fade in / out effects.
jQuery-TipTip.jpg
Source


3. BlockUI

Simulate synchronous behavior when using AJAX without locking the browser.
jQuery-BlockUI.jpg
Source
See live demo


4. vTip

This is a simple but comprehensive tooltip.
jQuery-vTIp.jpg
Source
See live demo


5. GlassBox

This is a javascript user interface library that uses prototype and Script.aculo.us for some effects.
jQuery-GlassBox.jpg
Source
See live demo


6. Dance Floor

Add a style and flavor in your old looking shopping website.
jQuery-Dance-Floor.jpg
Source
See live demo


7. Gallery

Have a custom gallery that scans a folder of images and outputs a cool image gallery.
jQuery-Gallery.jpg
Source
See live demo


8. Sort and Vote

Make a draggable sort & vote poll that will make your visitors choose their favorite tutorial from the site.
jQuery-Sort-and-Vote.jpg
Source
See live demo


9. Awesomeness

This is a very cool tooltip.
jQuery-Awesomeness.jpg
Source
See live demo


10. Zoom Icon

Add a jQuery plugin adds a zoom icon when hovering an image.
jQuery-Zoom-Icon.jpg
Source
See live demo


11. Sticky Notes

Enables your visitors the ability to create notes with a live preview and move them around on the screen.
jQuery-Sticky-Notes.jpg
Source
See live demo


12. Dynamic Tooltip

This consists of cool transition effects and it also has transparency effects.
jQuery-Dynamic-Tooltip.jpg
Source


13. Form Tips

Draw default values or messages into input/tetxtarea elements.
jQuery-Form-Tips.jpg
Source
See live demo


14. Fly Off Page

Make selected elements to fly off the page in a random or defined direction.
jQuery-Fly-Off-Page.jpg
Source
See live demo


15. Retina Effects

Have the iPhone’s famous retina effects on your web designs using jQuery.
jQuery-Retina-Effects.jpg
Source
See live demo


16. SimpleTip

A colorful jQuery Tooltip plugin that has great effects and smooth performance.
jQuery-SimpleTip.jpg
Source


17. jGrowl

jGrowl raises unobtrusive messages within the browser.
jQuery-jGrowl.jpg
Source
See live demo


18. Apple like Slideshow Gallery

A slideshow that has the Apple.com like effects.
jQuery-Apple-Slideshow.jpg
Source
See live demo


19. Halftone Navigation

http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/
jQuery-Halftone-Navigation.jpg
Source
See live demo


20. Tools Expose

Exposes selected HTML elements on the page so that the surrounding elements will gradually fades out.
jQuery-jQuery-Tools.jpg
Source
See live demo

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.