SPONSORS

Attractive Design Enhancing jQuery Plugins – Take Your Website to the Next Level!

written by Nikola Lazarevic

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
There is a vast range of ready made jQuery plugins available from generous designers and developers from across the web that can help add stunning functionality and effects to your website. Check out these 14 attractive jQuery plugins and widgets, I’m sure you will find something useful!

TN3 Gallery

jquery image gallery
TN3 Gallery is a full fledged HTML based customizable jQuery photo gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery.

Isotope

Isotope
Isotope is an exquisite jQuery plugin for creating intelligent and dynamic layouts that can’t be achieved with CSS alone. Isotope allow us hide and reveal item elements easily with jQuery selectors. With isotope, Re-order item elements with sorting, sorting data can be extracted from just about anything.

Lettering.js

Lettering.js
Letterings is a jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently does not offer complete down-to-the-letter
control. So we created a jQuery plugin to give you that control. Add a splash of colorful joy to your website with letterings.

Waypoints

Waypoints
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element. Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

HTML5 Grayscale Image Hover

HTML5 Grayscale Image Hover
With HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. Use HTML5 & jQuery to dynamically clone color images into grayscale

jQuery.spritely

jQuery.spritely
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.

jQuery Masonry

jQuery Masonry
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Quicksand

Quicksand
Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a sleek and smooth shuffling animation.
This awesome plugin simply replaces a collection of items with another and also comes with a fair few options – like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

jDigiClock

jDigiClock
jDigiClock is a jQuery plugin that has been inspired from the distinctive HTC Hero Clock Widget.
For such a complex looking plugin it is surprisingly easy to install and offers a multitude of options that control the appearance and behavior of the clock.

Aga

Aga
Aga is a simple, easy to use and full customizable accordion plugin. It can be used horizontal (left, right) and vertical (top, bottom).

Easy Image Zoom

Easy Image Zoom
Easy Image Zoom is a jQuery plugin that have feature see large details of the product while moving cursor over medium sized image. This plugin very lightweight and it is is customizable with several options and simple CSS definitions. Easy Image Zoom is suitable for projects required product image magnification.

Contained Sticky Scroll

Contained Sticky Scroll
It basically allows you to create an element that will “stick” to the top of the window as the user scrolls, but which will not move outside of its parent element.

Supersized! jQuery plugin

Supersized! jQuery plugin
Fullscreen background slideshow with flickr support.

Nautilus

Nautilus
Nautilus is a jQuery plug-in based on Google’s Doodle honoring Jules Verne.

gMap port for V3 Google Maps API

gMap port for V3 Google Maps API
gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. While being only few KB in size it is very flexible and highly customizable.

Quicktag

Quicktag
Quicktag is a tagging plugin for the jQuery JavaScript library. It allows the user the create and delete tags on the fly & comes with many options to choose from.

Subscribe for MB3-215 training sessions to guarantee pass MB6-288 exam. Also get download link 74-679 for the next exam, after getting success in 70-290, you can find a wonderful job.

Authored by

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

Enjoyed this story?

Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

14 Comments
ADD COMMENT
  • James says:

    March 29, 2011

    Thanks for the list, it’s the first one I’ve seen in quite a long time that doesn’t just spit out the same links to plugins as every other blog.

    Some really neat stuff in there.

    J.

  • Milos says:

    March 29, 2011

    Great list, Nik – Isotope and Quicksand are probably my favs.

  • Rakesh Kumar says:

    March 29, 2011

    Jquery is perfect platform to give a outstanding design to any website. I like them carousals.

  • Ken Kaminesky says:

    March 29, 2011

    Wow… Some very cool stuff Nikola!

  • Fandy says:

    March 30, 2011

    Nice list, some useful stuffs and I like Isotope very helpful. Thanks Nikola :)

  • Wireless Web Studio says:

    March 30, 2011

    Very useful, Thanks for sharing :)

  • Shawn says:

    March 30, 2011

    Great list of jQuery plugins! I agree with Milos, Isotope and Quicksand are two of my favorites. You’ve got to love that new Quicktag plugin as well.

  • jD says:

    March 30, 2011

    I used some of these and they were awesome. Some are new to me. Thanks for sharing. Bookmarked this page.

  • Dan says:

    March 30, 2011

    Hi, thanks for this

    Nice to see a few different jquery plugins for a change

    I’m dying to try out the waypoints one!!

  • Beben Koben says:

    March 31, 2011

    thanks for the great lists…awesome \m/

  • Adam says:

    April 4, 2011

    I’m sorry, but there is just too much awesomeness all on one page.

  • Pawan Pillai says:

    April 5, 2011

    gMap is really nice.

  • Web Design Company Mumbai says:

    April 7, 2011

    Nice jquery plugins thanks for posting.

  • Andrea Barghigiani says:

    April 15, 2011

    Thanks Nikola for this amazing collection!

    I am going to use jDigiClock on my site, definitely!
    It was since the mootools tutorial on NetTuts that I was waiting to have something like that with jQuery!

    Really appreciated!