Best jQuery Plugins of 2010

By / Dec 2, 2010 / Resources

For our “Best of 2010″ series we’ve already shown your our picks for best free WordPress themes and free fonts. So for this week the focus in on jQuery. This javascript framework continued to grow in popularity during 2010, which meant an abundance of plugins being released. This made it difficult to choose our favorites. We made a conscious effort to choose from a variety of types, and ones that were useful to web designers and that had some wow factor. Here are our picks for the Best jQuery Plugins of 2010.

Nivo Slider

jquery slider

A super smooth slider with loads of settings including 9 transition effects. It also supports things like linking images and keyboard navigation.

Quicksand

jquery

Reorder and filter items with a nice shuffling animation. Just specify source container and destination collection which will replace the source collection. New elements will appear with fancy scaling+alpha effect, deleted elements (non-existant in destination collection) will scale out and rearranged items will move to their destination positions.

Spritely

jquery

Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript.

Lettering.js

fresh jquery

Lettering.js is a lightweight, easy to use jQuery plugin for radical Web Typography.

Colortip

jquery

Colortip converts the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.

Masonry

jquery

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.

gvChart

jquery

gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of the charts.

Animated table sort

jquery

This plugin allows you to animatedly sort a table based on a column’s s, or on the content/value of a child/descendant element within those s. The various s fly to their new homes, giving a nice effect.

jQuery Image Scale Carousel

jquery

When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what’s so nice about this jQuery plug-in; you don’t have to worry about all of your images being perfectly sized for this slider. The jQuery Image Scale Carousel auto scales all of your images making implementation super simple.

YoxView

jquery

YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich. You can use it to display a variety of media, such as: images, video, inline content, iframes, Flash and more.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • http://www.d-engine.nl Jerome Bohg

    Very nice collection. I’d like to add Uploadify as well for 2010.

  • http://www.designbeep.com Arshad Cini

    Thanks for the plugins

    Colortip is great..

  • http://www.960pixels.pl Free

    Nivo slider’s great, I used it in a couple of projects :)

  • http://www.liveanime.org helium

    Same as Free, I have used the Nivo slider in a few projects now too, looks amazing. I think the Nivo website does a great job of selling the plugin as well.

  • http://www.pragmaticdesign.co.uk Pragmatic Design

    Nivo looks good, as does Colortip. Time for a play, methinks :)

  • http://www.twofiveplus.com PHILIP

    we still have one full month of jquery plugins to come out?!?!!

  • Christoph

    Thanks, great plugins!

  • grobe

    Nivo slider make my firefox hang/crash on mac.

  • http://www.dosta.net kram

    “jQuery Image Scale Carousel” image’s link is pointing to the previous plugin 😉

    • http://henryjones.us Henry Jones

      Thanks for pointing that out. Fixed. :)

  • http://www.scottcarmichael.co.uk Scott

    Very useful collection, thanks for sharing.

  • http://www.findbrushes.com Emil

    Thanks for the plugin list :) will be useful

    /Emil

  • http://cypriangwozdz.com CGDesign

    IMHO Quick Sand is gorgeous :) and Masonry super useful…
    Thanks for this collection.

  • Filipe Aguiar

    Great plugins, Ill use some of them in my future works

  • http://peterchondesign.com peter

    Nice list, but it seems to be a repeat of many many jQuery list out there.

    For sandbox & masonry, I developed my own jquery plugins (both less then 10kb, uncompressed)
    feel free to look at the source code.

    simpler sandbox – http://peterchon.com/sandbox/birds/
    simpler masonry – http://peterchon.com/sandbox/mason/mason.html

  • http://www.smokingcow.com Maxime De Greve

    Didn’t know the Colortip one! Nice collection!

  • http://www.43pixels.com Martin

    Thx for these jquery collection. I’ll try Masonry, looks very promising.

  • Jordan

    The link on the image carousel links to the article for voxview

  • http://mobilethemesworld.net/ TheShadow

    Thanks for sharing these awesome plugin.This will be helpful for my themes site :)

  • http://designbuddy.com DesignBuddy

    Heck yeah…I most definitely am going to be using the colortip plugin. Thanks for the great list as usual.

  • Amit Tiwari

    Very nice plugins – The colortip is great.

  • http://www.dtx.in/ DTX Studios

    Nice list of plugins. Thanks for compiling it and sharing with us. Its very useful.

  • http://www.buzz-webdesign.co.uk Buzz

    Very nice collection of plug ins, I’ve used a couple of them but will definitely investigate a few more. Thanks for sharing.

  • http://raredriver.blogspot.com SamsonDelila

    Wow! It’s nice short review about JQuery plugins in the end of year..
    Great job !

  • Not Impressed, Peter

    @Peter – If you don’t have anything nice to say… (at least have the ethos to support bashing others?) It’s really too bad your work’s so sloppy. Maybe next time thank the site your commenting on for a great roundup, rather than bashing it as a “repeat” of other lists (which it isn’t) and then calling attention to your own shoddy work.

    Big thanks to Mr. Henry Jones for putting together a great roundup.

  • http://www.bijusubhash.com Biju Subhash

    great collections here…
    thank you for sharing…
    here a jquery dropdown menu tutorial link for your readers:
    http://www.bijusubhash.com/blog/redbrown-drop-down-menu-using-jquery-and-css

  • http://www.webflysoftware.com adumpaul

    Nice collection.Thanks!