These are the best jQuery plugins of 2012 weighted by popularity, ease of use, documentation, browser compatibility and support amongst many other factors. The final decision of who made the list was made by Sam so ask him if you have any questions. Also some plugins may have been released before 2012 but have had updates in 2012 making them eligible for the list. The 100 plugins are listed in no particular order so 1. doesn’t mean it’s the #1 plugin.

Congratulations to all that made the top 100 jQuery Plugins of 2012!

1. Reveal.js jQuery Plugin Presentations Made Easy

Reveal.js, formerly CSS 3D Slideshow, is a tool which allows you to quickly create good looking HTML presentations. Beyond the changed name, the updated slideshow includes a fair amount of new features.

2. Bigvideo.js Big Background Video Plugin

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist.
Source + Demo

3. Flare Lightbox Mobile-Friendly Plugin

A responsive mobile-friendly lightbox jquery plugin.
Source + Demo

4. ISOTOPE jQuery Filter and Sort Plugin

An exquisite jQuery plugin for magical layouts it simply is the best thing around for animation and sorting and is powered by jQuery.

5. MediaElement.js HTML5 Video/Audio Plugin

HTML5 audio and video players in pure HTML and CSS.
Source + Demo

6. jQuery Sprite Animations Plugin fc.tape

For the widget to work you need: jQuery (1.6+), jQuery UI (1.8+) Core and Widget, and certainly a sprite with animation frames.
Source + Demo

7. qTip/2 Tooltip Plugin

The second generation of the advanced qTip plugin for the ever popular jQuery framework.
Source + Demo

8. iPicture jQuery Picture Tooltip Plugin

A jQuery Plugin to create interactive pictures with extra descriptions.

9. Noty jQuery Notification Plugin

A jQuery plugin that makes it easy to create alert – success – error – warning – information – confirmation messages as an alternative the standard alert dialog.
Source + Demo

10. Chosen/2 – jQuery Select Box Plugin

A JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

11. jQuery Lightweight Flip Plugin

Also check out Turn.js for a premium plugin with more features.
Source + Demo

12. jQuery Social Media Tabs Plugin

With the jQuerry Social Media Tabs plugin you can add feeds & profiles from your favorite social networks in slick slide out or static tabs to ANY website.
Source + Demo

13. jQuery.ScrollTo Scrolling Plugin

The best lightweight scroll plugin available. The plugin offers you many options to customize the animation and also the final position.

14. BACKSTRETCH jQuery Fullscreen Background Plugin

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.

15. jSlide Related Pages Plugin

When the website user scrolls down the page the related webpages slide out from the bottom right of the screen. When they scroll back up the page it dissapears!

16. jQuery Knob Dial Plugin

Implemented interactions : mouse click and wheel mouse, keyboard (on focus) and fingers (touch events)
Source + Demo

17. jQuery Canvas Reflection Plugin

Takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.
Source + Demo

18. jQuery Validation Plugin

Provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.

19. jQuery Timing Plugin

Provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff.

20. Mac OS Style Dock Plugin

Also see euDock with the funny eyes. haha.
Source + Demo

Part 2 (#21-40)

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • Lee


    Thanks for the mention – jquery social media tabs :)

    • jQuery4u

      Well deserved mate.

  • Daniel Trott

    Great collection, can’t wait for the upcoming parts :D

  • Jose Carvalho

    100 ?? Can’t you make a shorter list ? 10 would be enough.

    • jQuery4u

      When we do it, we do it big!

  • dinamo

    Very good collection, thanks for share

  • Saman Vahdat

    very good . thanks for post .

  • Roy Mutebi Brandt

    Nice work Man, Kip it up. Africa loves it

  • Clevertail

    Wow! What an awesome collection.

    Thanks for this.

  • Ranga rajesh

    good work man

  • ‎أنونيموس ثائر

    nice :))

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.