Top 100 jQuery Plugins of 2012 (part 1/5)

Sam Deering
Tweet

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.
Revealjs.jpg
SourceDemo

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.
Bigvideojs.jpg
Source + Demo

3. Flare Lightbox Mobile-Friendly Plugin

A responsive mobile-friendly lightbox jquery plugin.
Flare-Lightbox-Mobil.jpg
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.
ISOTOPE.jpg
SourceDemo

5. MediaElement.js HTML5 Video/Audio Plugin

HTML5 audio and video players in pure HTML and CSS.
MediaElementjs.jpg
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.
fctape.jpg
Source + Demo

7. qTip/2 Tooltip Plugin

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

8. iPicture jQuery Picture Tooltip Plugin

A jQuery Plugin to create interactive pictures with extra descriptions.
iPicture.jpg
SourceDemo

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.
Noty-jQuery-Notification.jpg
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.
Chosen2.jpg
SourceDemo

11. jQuery Lightweight Flip Plugin

Also check out Turn.js for a premium plugin with more features.
jQuery-Lightweight-Flip.jpg
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.
jQuery-Social-Media-Tabs.jpg
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.
jQueryScrollTo.jpg
SourceDemo

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.
Backstretch.jpg
SourceDemo

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!
jSlide-Related-Pages.jpg
SourceDemo

16. jQuery Knob Dial Plugin

Implemented interactions : mouse click and wheel mouse, keyboard (on focus) and fingers (touch events)
jQuery-Knob.jpg
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.
jQuery-Canvas-Reflection.jpg
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.
jQuery-Validation.jpg
SourceDemo

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.
jQuery-Timing.jpg
SourceDemo

20. Mac OS Style Dock Plugin

Also see euDock with the funny eyes. haha.
Mac-OS-Style-Dock.jpg
Source + Demo

Part 2 (#21-40)

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Lee

    Hi,

    Thanks for the mention – jquery social media tabs :)

    • http://jquery4u.com/ 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.

    • http://jquery4u.com/ jQuery4u

      When we do it, we do it big!

  • dinamo

    Very good collection, thanks for share

  • http://www.facebook.com/samanvahdat Saman Vahdat

    very good . thanks for post .

  • http://www.facebook.com/roymutebibrandt Roy Mutebi Brandt

    Nice work Man, Kip it up. Africa loves it

  • http://twitter.com/Clevertail Clevertail

    Wow! What an awesome collection.

    Thanks for this.

  • Ranga rajesh

    good work man

  • http://anonyrev.tumblr.com/ ‎أنونيموس ثائر

    nice :))