14 Fresh and Useful jQuery Plugins

By / Apr 20, 2010 / Tools

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.

  • http://aext.net Lam Nguyen

    Great! Thanks for including my plugin here!

  • http://artatm.com Rocky

    Very useful plugin collection.. thanx for sharing

  • http://coding.mypoo.de greynor
  • http://www.musings.it Federica Sibella

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

  • http://4up2date.info mrhaw

    SWEET! Thx!

  • http://www.nicolebauer.com Nicole Bauer

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

  • Jankit

    Very useful information, Thank you very much

  • http://www.boosh-media.co.uk Dan Sunderland

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

    Thanks!

  • http://www.tausend24.com Matt

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

    Thanks,
    Matt

  • http://psdho.me PSDhome

    Very good plugins. Thanks.

  • http://X111.com XIII

    Nice list indeed, thanks for the roundup.

  • http://www.jordanwalker.net Jordan Walker

    Awesome list of plug in for jQuery.

  • http://robert-chambers.com Robert Chambers

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

  • http://www.chrismower.com Chris Mower

    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.

  • http://www.webdesignsoul.com/ Web Design Soul

    Very interesting post. Thanks for sharing!

  • http://cystyleit.com Cy Style

    Awesome post. Thanks! =D

  • http://www.modny73.com/ Cook

    very nice list….great post

  • http://www.syncap.org Turk_Navy

    woow. Thanks man

  • http://lenatailor.designerteam.info Lena Tailor

    Very useful post…
    Thanks for sharing…

  • http://lava360.com lava360blog

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

  • http://www.thatwillhurt.com Al

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

  • matteo

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

  • http://www.studioweber.com Alex Flueras

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

  • http://www.webrisorsa.info Web Risorsa

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

  • http://webdesignfm.com webdesignfm

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

  • http://www.denbagus.net/ denbagus

    nice jQuery plugin .. thank you

  • http://www.newviewit.com Website Design

    Some nice examples in there…

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

    Thanks for sharing!

  • Waza

    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

  • http://www.artgraphix.de/ Typo3 Agentur

    This is a very good tutorial.

    thx

  • http://www.design21th.com Web Dizajn

    Very Nice. Tnx!!

  • http://www.swimminghippo.co.uk Web Design Hippo

    Haha I love that Spritely website! Very impressive.

  • http://www.navayan.com Amol Nirmala Waman