Best jQuery Plugins of 2011

By / Nov 23, 2011 / Resources

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.

  • http://www.jaymanpandya.com Jayman Pandya

    Nice Collection… Bookmarked… :)

  • http://www.rockitweb.co.uk Rockit Web

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

  • http://www.oldworldcreative.com Evan ‘OldWorld’ Skuthorpe

    FlexSlider is great, thanks for the tip.

  • Tyus

    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.

  • http://evanwillhite.com Evan Willhite

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

  • Will

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

  • http://www.icwebdesign.co.uk IC Web Design

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

  • http://www.dzinepress.com Dzinepress

    love these of all really useful plugins. thanks for sharing

  • http://webdevelopergeeks.com webdevelopergeeks

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

  • http://techbrij.com Brij

    Nice List.. Thanks for sharing it !!!

  • http://www.webdesign.com.au Anna

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

  • http://www.shuhab.com Shuhab

    A very nice, productive and useful collection.

  • http://rolling-webdesign.com Theo

    Nice collection, FitText is great, thanks!

  • http://www.wsd.co.il Aviron

    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.

  • http://www.yastech.ca Mike @ YasTech Web Design

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

  • http://www.wibsofttech.com/ Humera

    Cool compilation. love it!

  • http://www.dominant-domains.com Michael Lysiak

    Great picks. Gotta love JQuery:)

  • http://www.thinkaroundcorners.biz Gregory Cox

    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.

  • http://superdit.com aditia

    thanks for the list, some are really new for me

  • http://www.way2geeks.com Way2Geeks

    Cool collection .Thanks for sharing and keep sharing…

  • http://www.udgwebdev.com Caio Ribeiro Pereira

    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/

  • http://animatedpng.info/ Frank Mai

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

  • http://davidhudson.me/ David Hudson

    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/

  • http://openwebstuff.com Rafael

    Good work! Thanks for this collection.

  • http://jc0de.blogspot.com Mikel

    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

  • http://beyondvisual.co.uk James Curran

    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/#