Best jQuery Plugins Plugins & Tutorials with Demo

    champagne.js : jQuery plugin to randomize the display in a Grid

    champagne.js : jQuery plugin to randomize the display in a Grid

    A jQuery plugin to randomize the display of objects in a grid.

    jquery.textntags : Tagging Names in Text Message

    jquery.textntags : Tagging Names in Text Message

    jquery.textntagsis a small UI component that allows you to “@tag” someone in a text message, just like you are used to on Facebook or Twitter.jquery.textntags is written as a jQuery extension, so it naturally requires jQuery. In addition to jQuery, it also depends on underscore.js, which is used to simplify stuff a bit.

    The component is also using the new HTML5 “input” event. This means older browsers like IE8 need a polyfill which emulates the event (it is bundled).

    jQuery Animate Enhanced Plugin

    jQuery Animate Enhanced Plugin

    jQuery Animations with automatic CSS3 transitions.Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. The plugin will analyse the properties you’re animating on, and select the most appropriate method for the browser in use. This means your transitions on left, top and opacity will convert to a CSS3 transition on Webkit & Mozilla agents that support it, and Opera 10.50+. If the user is on a browser that has no CSS3 transitions, this plugin knows about it and won’t get involved.

    Multiple callback mechanisms are created internally to monitor for DOM manipulation and for all ‘transitionend’ CSS3 events to be picked up. This means you have one neat callback() for the whole animation regardless on whether the plugin is using CSS3, DOM, or both for its animations.

    Progressively enhanced CSS3 animations without having to do any browser detection or special CSS, therefore using the same Javascript across your applications and websites.

    RollBar – jQuery ScrollBar Plugin

    RollBar - jQuery ScrollBar Plugin

    RollBar plugin was created with idea to replace standard browser scrollbars and make them customizable to fit perfectly in almost any site design. This plugin can be used not only as replacement of native browser scrollbars, but even to create slideshows with external controls. Among other features RollBar can auto adjust to window size, recognize touch events on Android and iOS devices and respond to custom jquery events to scroll content.

    jQuery.kinetic : Smooth Drag Scrolling

    jQuery.kinetic : Smooth Drag Scrolling

    jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.Add kinetic scrolling functionality to a container using mouse or touch devices.Drag a mouse or use touch gestures over the windows below to scroll the pane. If you let go with momentum the scrolling will slow gradually.

    jQuery Dice

    jQuery Dice

    jQuery dice plugin Very simple plugin which allows to display a dice, click on it and retrieve a random number (between 1 and 6, of course.) The dice glyphs can be replaced. This plugin has been designed to allow custom dice glyphs.

    igorescobar : jQuery Mask Plugin

    igorescobar : jQuery Mask Plugin

    A jQuery plugin to make field masks.Features :

    • String/Numeric/Alpha/Mixed masks.
    • Reverse Mask.
    • Data type validation.
    • Automatic maxlength.
    • Live event’s for ajax/realtime apps.
    • Callbacks.
    • On-the-fly mask change.

    Easy Background with jQuery

    Easy Background with jQuery

    Easy Background gives a dynamic feel to your site. It automatically loads and displays images to the background of your project, switching them with smooth transitions. If you have a html site and you want to give it a better look to it, this is a good item to do so, it is also extremely easy to install and setup!

    Features:

    • Mobile support
    • 4 Sizing Methods
    • Simple javascript call
    • Auto Resize according to windows size
    • Auto Resize on window resize
    • Smooth Transitions
    • Ajax progressive load
    • Autoplay
    • Control Functions

    Handsontable : jQuery Excel-like table editor

    Handsontable : jQuery Excel-like table editor

    Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery.

    • Type in any cell and see how the grid adds new rows and cols automatically.
    • The legend feature, which makes the first row uneditable and have an green font
    • You can define rules for autocompletition.
    • You can drag it (drag-down) to repeat the values from the cell.
    • Right click to see the context menu.
    • Use the onChange callback to track changes made in the table.
    • There is also the NEW onBeforeChange callback, which can be used to validate changes before they are applied to the table.

    Bacon Ipsum jQuery Plugin

    Bacon Ipsum jQuery Plugin

    I whipped up a little Bacon Ipsum jQuery plugin that uses our API to generate some meaty goodness.  When you’re mocking up a design, now you can use this plugin in your HTML rather than static text.