Best jQuery Plugins of 2011

By / Nov 23, 2011 / Resources
shares

jQuery was first released in 2006. Nearly 5 years later, it’s still going strong – due largely in part to the community that’s been built up around it. This community of developers constantly releases plugins that allow web developers to easily add amazing functionality to their projects.

Continuing our “Best of 2011″ series, the focus this week is on jQuery plugins. Over the past eleven months we’ve seen a lot of great new plugins being released, which made choosing our favorites extremely difficult.

Isotope

jquery

Isotype is a jQuery plugin for creating dynamic and intelligent layouts. It also lets you reveal & hide items with filtering, reā€“order items with sorting – all done with captivating animations.

FitText

Tools and Scripts for Responsive Web Design

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

FlexSlider

FlexSlider is an awesome, fully responsive jQuery slider plugin. In other words, it resizes to fit the screen on which it is displayed, and looks good doing it.

Sausage

jquery

Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.

arbor.js

jquery plugins

Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Mosaic

Mosaic automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, and preloads images within boxes.

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

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.

26 Comments

  1. Jayman Pandya
    November 23, 2011

    Nice Collection… Bookmarked… :)

    Reply
  2. Rockit Web
    November 23, 2011

    I love these “best of” posts :) I’m really liking the FlexSlider gallery, especially as it’s responsive. Thanks

    Reply
  3. Evan ‘OldWorld’ Skuthorpe
    November 23, 2011

    FlexSlider is great, thanks for the tip.

    Reply
  4. Tyus
    November 23, 2011

    I didn’t know about FlexSlider before thanks a lot. I think you should add the Revel plugin too. I think its the easiest around for modal creation.

    Reply
  5. Evan Willhite
    November 23, 2011

    Nice. I’d also throw FitVids http://fitvidsjs.com/ in there too.

    Reply
  6. Will
    November 23, 2011

    I just used Supersized in a project, it is very nice for image-heavy portfolio type sites.

    Reply
  7. IC Web Design
    November 24, 2011

    I would add Nivo Slider in there as well its got a good variation of transitions

    Reply
  8. Dzinepress
    November 25, 2011

    love these of all really useful plugins. thanks for sharing

    Reply
  9. webdevelopergeeks
    November 25, 2011

    Thanks for great collection. I used supersized in two of my recent responsive sites. Also used FitText and flexslider. Made my work really easy.

    Reply
  10. Brij
    November 25, 2011

    Nice List.. Thanks for sharing it !!!

    Reply
  11. Anna
    November 25, 2011

    I think the only good one on here is supersized, and where is easyslider! tool tips, datepicker and galarific!? There my top for sure!

    Reply
  12. Shuhab
    November 25, 2011

    A very nice, productive and useful collection.

    Reply
  13. Theo
    November 25, 2011

    Nice collection, FitText is great, thanks!

    Reply
  14. Aviron
    November 25, 2011

    Actually Fitext helped me alot by creating my website to mobile phone usage as well, I thank god I didn`t have to use percentage.

    Reply
  15. Mike @ YasTech Web Design
    November 25, 2011

    I’ve used a few of these. Great collection!

    Reply
  16. Humera
    November 27, 2011

    Cool compilation. love it!

    Reply
  17. Michael Lysiak
    December 2, 2011

    Great picks. Gotta love JQuery:)

    Reply
  18. Gregory Cox
    December 4, 2011

    Absolutely impressive list. Truly the 2011 best! Geez – I want to implement them all – especially the arbor.js – I am going to use that to trick out the Services section on our website. Tie the 4 disciplines together.

    Reply
  19. aditia
    December 4, 2011

    thanks for the list, some are really new for me

    Reply
  20. Way2Geeks
    December 10, 2011

    Cool collection .Thanks for sharing and keep sharing…

    Reply
  21. Caio Ribeiro Pereira
    December 16, 2011

    There is another useful JQuery plugin to learn it calls JQuery Template – http://api.jquery.com/category/plugins/templates/

    I made a post on my blog about your advantages and how to use it, look this: http://www.udgwebdev.com/conhecendo-o-jquery-template/

    Reply
  22. Frank Mai
    January 18, 2012

    nice list. but I would add http://animatedpng.info/ here too.

    Reply
  23. David Hudson
    January 30, 2012

    Shameless self promotion :) You should also check out a plugin called jQuery Bacon which allows you to easily align text to a bezier curve – http://baconforme.com/

    Reply
  24. Rafael
    February 21, 2012

    Good work! Thanks for this collection.

    Reply
  25. Mikel
    May 10, 2012

    Hello, i would like that my plugin get listed here, it just got released yesterday
    for more.. http://jc0de.blogspot.com/2012/05/jquery-think-box-plugin-released.html

    Reply
  26. James Curran
    July 12, 2013

    How about an updated list for 2013. One addition I’d include is Element Transitions by Dan Silver
    http://dan-silver.github.io/ElementTransitions.js/#

    Reply

Leave a Reply