Best jQuery Plugins of 2010

By / Dec 2, 2010 / Resources
shares

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.

27 Comments

  1. Jerome Bohg
    December 2, 2010

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

    Reply
  2. Arshad Cini
    December 2, 2010

    Thanks for the plugins

    Colortip is great..

    Reply
  3. Free
    December 2, 2010

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

    Reply
  4. helium
    December 2, 2010

    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.

    Reply
  5. Pragmatic Design
    December 2, 2010

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

    Reply
  6. PHILIP
    December 2, 2010

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

    Reply
  7. Christoph
    December 2, 2010

    Thanks, great plugins!

    Reply
  8. grobe
    December 2, 2010

    Nivo slider make my firefox hang/crash on mac.

    Reply
  9. kram
    December 2, 2010

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

    Reply
    • Henry Jones
      December 2, 2010

      Thanks for pointing that out. Fixed. :)

      Reply
  10. Scott
    December 2, 2010

    Very useful collection, thanks for sharing.

    Reply
  11. Emil
    December 2, 2010

    Thanks for the plugin list :) will be useful

    /Emil

    Reply
  12. CGDesign
    December 2, 2010

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

    Reply
  13. Filipe Aguiar
    December 2, 2010

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

    Reply
  14. peter
    December 2, 2010

    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

    Reply
  15. Maxime De Greve
    December 2, 2010

    Didn’t know the Colortip one! Nice collection!

    Reply
  16. Martin
    December 2, 2010

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

    Reply
  17. Jordan
    December 2, 2010

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

    Reply
  18. TheShadow
    December 2, 2010

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

    Reply
  19. DesignBuddy
    December 2, 2010

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

    Reply
  20. Amit Tiwari
    December 3, 2010

    Very nice plugins – The colortip is great.

    Reply
  21. DTX Studios
    December 3, 2010

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

    Reply
  22. Buzz
    December 6, 2010

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

    Reply
  23. SamsonDelila
    December 7, 2010

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

    Reply
  24. Not Impressed, Peter
    January 12, 2011

    @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.

    Reply
  25. Biju Subhash
    June 2, 2011

    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

    Reply
  26. adumpaul
    November 10, 2011

    Nice collection.Thanks!

    Reply

Leave a Reply