14 Fresh and Useful jQuery Plugins

By / Apr 20, 2010 / Tools
shares

jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released in the past few months. You’ll find that these plugins offer a wide range of functionality, from navigation enhancements to image viewing.

BubbleUp

jquery

With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. Imagine the Mac Dock effect, although this plugin’s effect is not awesome like that, it’s light weight for such a similar zooming effect.

Spritely

jquery

Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript.

jQuery-Notes

jquery

jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.

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.

YoxView

jquery

YoxView is a popup image viewer, built using jQuery 1.4. It’s simple to use yet quite powerful.

Key Features:

  • Images are resized to fit inside the browser’s window
  • Images can be pre-cached
  • Multiple instances in the same page may be used, ideal for blog entries, for example.
  • Fully configurable – each instance may have a different configuration.

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.

Ttabs

jquery

Ttabs tweaks html markup and then calls UI Tabs function. You do not need to specify the list of tabs before the first tab section. The plugin creates it from the headings, or you can specify the tab labels right in the javascript code.

TipTip

jquery

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!

jQuery Photoshoot

jquery

jQuery PhotoShoot gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.

jqFancyTransitions

jquery

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. It’s compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

jQuery imageless buttons a la Google

jquery

This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off.

jQuery.sheet

jquery

jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations.

TopUp

jquery

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

jquery mb.extruder

jquery

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

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.

32 Comments

  1. Lam Nguyen
    April 20, 2010

    Great! Thanks for including my plugin here!

    Reply
  2. Rocky
    April 20, 2010

    Very useful plugin collection.. thanx for sharing

    Reply
  3. greynor
    April 20, 2010

    Quick-Time Event?http://coding.mypoo.de/examples/qtevent.html

    Reply
  4. Federica Sibella
    April 20, 2010

    Thank you for the nice list. Some of these plugins are very useful indeed!

    Reply
  5. mrhaw
    April 20, 2010

    SWEET! Thx!

    Reply
  6. Nicole Bauer
    April 20, 2010

    Thanks for the list, there are some really cool new plugins I haven’t seen before!

    Reply
  7. Jankit
    April 20, 2010

    Very useful information, Thank you very much

    Reply
  8. Dan Sunderland
    April 20, 2010

    Interesting article, good to see a layout plugin there, I never really considered using jQuery in such a structural context.

    Thanks!

    Reply
  9. Matt
    April 20, 2010

    Wow, that’s really usefull stuff. Everything you need.

    Thanks,
    Matt

    Reply
  10. PSDhome
    April 20, 2010

    Very good plugins. Thanks.

    Reply
  11. XIII
    April 20, 2010

    Nice list indeed, thanks for the roundup.

    Reply
  12. Jordan Walker
    April 20, 2010

    Awesome list of plug in for jQuery.

    Reply
  13. Robert Chambers
    April 20, 2010

    Thanks for these great plugins. Really like the look of TipTip.

    Reply
  14. Chris Mower
    April 20, 2010

    Dang Henry! You guys find the awesome stuff around every time. I’ve got my eyes on the Ttab, YoxView, and jQuery Photoshoot ones.

    Thanks again for another awesome post.

    Reply
  15. Web Design Soul
    April 20, 2010

    Very interesting post. Thanks for sharing!

    Reply
  16. Cy Style
    April 20, 2010

    Awesome post. Thanks! =D

    Reply
  17. Cook
    April 20, 2010

    very nice list….great post

    Reply
  18. Turk_Navy
    April 20, 2010

    woow. Thanks man

    Reply
  19. Lena Tailor
    April 20, 2010

    Very useful post…
    Thanks for sharing…

    Reply
  20. lava360blog
    April 20, 2010

    spiretly is great. yes they are right. No Flash. No Problem :-)

    Reply
  21. Al
    April 20, 2010

    Nice collection, but I’d go with FancyBox over Top Up – Top Up’s performance in IE7 is abysmal.

    Reply
  22. matteo
    April 20, 2010

    Great examples of how the web can change!
    I love mb.extruder and all the others!
    Thnx.

    Reply
  23. Alex Flueras
    April 21, 2010

    Excellent list! I think TopUp is so cool. Thanks for sharing!

    Reply
  24. Web Risorsa
    April 22, 2010

    Wov really great work… Especially Quicksand, Photoshoot are very impressive…

    Reply
  25. webdesignfm
    April 24, 2010

    Do More write less!! i like that website interesting developed in jquery http://www.alexbuga.com/

    Reply
  26. denbagus
    April 25, 2010

    nice jQuery plugin .. thank you

    Reply
  27. Website Design
    May 11, 2010

    Some nice examples in there…

    especially like BubbleUp and Jquery Masonry (pity it doesn’t degrade properly but still cool).

    Thanks for sharing!

    Reply
  28. Waza
    May 20, 2010

    If I may suggest another tool:

    Likno Web Modal Windows Builder – to create javascript popup windows/dialogs for web pages

    http://www.likno.com/jquery-modal-windows/index.php

    Reply
  29. Typo3 Agentur
    May 23, 2010

    This is a very good tutorial.

    thx

    Reply
  30. Web Dizajn
    August 19, 2010

    Very Nice. Tnx!!

    Reply
  31. Web Design Hippo
    September 23, 2010

    Haha I love that Spritely website! Very impressive.

    Reply
  32. Amol Nirmala Waman
    December 4, 2011

    Simple and Easy jQuery Cookie Tabs plugin:
    http://www.navayan.com/archive/technology/jquery-cookie-tabs-plugin.php

    Reply

Leave a Reply