Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Horizontal Accordions plugin: Easy Accordion

    jQuery Horizontal Accordions

    Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

    jQuery + Flot – Plots, Canvas and Charts

    jQuery + Flot - Plots, Canvas and Charts

    Here is the Javascript using jQuery that fetch and format the data to be processed by Flot.

    jQuery Roundrr – How To Create Circular Image Galleries With jQuery

    How To Create Circular Image Galleries With jQuery

    I’m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I’ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    Reveal: jQuery Modals Made Easy

    Reveal: jQuery Modals Made Easy
    New jQuery Modal Plugin called Reveal to join our Collection of Modal Plugins. Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB.

    jQuery UI CoverFlow 2.0

    jQuery UI CoverFlow 2.0

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns – it’s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

    An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

    jQuery Plugin For Creating Magical Layouts – Isotope

    Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts.Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations.The plugin’s layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations.

    jQuery Splatter Plugin

    jQuery Splatter Plugin

    Splatter is a jQuery plugin which applies a random position, size, and color to elements on a page. The most basic implementation adds randomly colored and positioned asterisks to the element.

    zClip: jQuery ZeroClipboard

    zClip: jQuery ZeroClipboard

    zClip is a lightweight jQuery “copy to clipboard” plugin built using the popular Zero Clipboard library. This plugin uses an invisible Adobe Flash movie that is fully compatible with Flash Player 10 and below.
    Features:

    • Avoids built in browser security conflicts by using a 3rd party browser plugin (Adobe Flash)
    • Invisible overlay, no interference with page design
    • Support for CSS “:hover” and “:active” states
    • Preserves the targeted element’s “click” “mouseenter” and “mouseleave” events
    • Supplies callback functions for “before copy” and “after copy”

    Autotab: jQuery auto-tabbing and filter plugin

    Autotab: jQuery auto-tabbing and filter plugin

    Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element. Likewise, clearing out the text field’s content by pressing backspace eventually places the focus on the elements previous target.
    Why jQuery Autotab and not some other auto-tab script?

    • Auto-tabbing behaves logically, in both tabbing forward and tabbing backwards.
    • It allows you to easily change your text in a tab that would otherwise auto-tab away.
    • It can filter text fields, ie. restrict a phone number fields to just numbers.
    • It’s small, fast, easy to load and built on the powerful jQuery library.

    How to Create a jQuery Confirm Dialog Replacement

    How to Create a jQuery Confirm Dialog Replacement

    We are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.