Best jQuery Plugins Plugins & Tutorials with Demo

    Boxjs – Different Approach to Script Loading

    jquery js files compressor

    Boxjs gives you the flexibility of a modular loading system whilst providing the speed of a single, compressed JS file

    DropKick.js a jQuery dropdowns

    jQuery dropdown

    Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Fullscreen Slideshow with HTML5 Audio and jQuery

    In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

    TagCanvas – jQuery Animated Tag Cloud

    jQuery Animated Tag Cloud

    An HTML5 canvas-based plugin which replaces <a href="..."> links with a 3D rotating cloud of tags.

    Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn’t work except in conjunction with ExplorerCanvas. Now works in the IE9 beta/release candidate without ExplorerCanvas.

    jQuery Multimedia Portfolio

    jQuery Multimedia Portfolio with audio player and flv player

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    leanModal – A Micro jQuery Modal Plugin

    jQuery Modal box

    leanModal is a lightweight jQuery plugin for displaying modal boxes with minimum effort.The width and height of the modal box is flexible and adjusts itself according to the content.

    Multiple instances can be used on the same page and there are almost no settings or complicated usage instructions which is perfect for most cases.

    Picbox a lighweight Image viewer

    jquery lighweight Image viewer

    Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

    bMap – jQuery maps plugin

    jQuery maps plugin

    The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

    jQuery maxImage Scaling Plugin

    jQuery maxImage Scaling Plugin

    This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it’s effect.

    zWeatherFeed – Yahoo! Weather plugin for jQuery

    jQuery Weather plugin

    This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

    Features:

    • Define one or more locations.
    • Choose to include background image indicating condition.
    • Displays day or night images.
    • Returns city, current temperature and condition description.
    • Choose to include high/low temperatures and wind speed.
    • Creates a link to read full forecast as Yahoo!.