Best jQuery Plugins Plugins & Tutorials with Demo

    Guardian : jQuery Form Validation Plugin

    Guardian : jQuery Form Validation Plugin

    Guardian is a all-purpose form validation jQuery plugin. It was designed to be flexible and easy to extend to meet any need.

    jQuery Datastore & TreeInTable Widgets

    jQuery Datastore & TreeInTable Widgets

    There are three widgets in this repository. One is “datastore” widget which let you retrieve json data and transform hierarchical data into an array. The second widget is “treeintable” widget that uses a datastore widget and embed a tree in one of table column. This widget supports Drag-and-Drop. The third widget is “Condition Editor” widget.

    Flapper : jQuery Split-Flap Text Animation

    Flapper : jQuery Split-Flap Text Animation

    Flapper is a jQuery plugin that replicates the split-flap (or “Solari”) displays that used to be common in train stations and airports, and your dad’s alarm clock in the 70s.

    These displays used a rotating stack of letters and numbers printed on hinged panels. As the stack rotated, a new symbol would fall into place. Flapper recreates this effect using CSS transformations.

    jQuery FetchRow : Plugin for Retreiving row from Database

    jQuery FetchRow : Plugin for Retreiving row from Database

    Do you need to fetch one row from your table and display its fields to any input elements in your page? You can do it easily using this simple jQuery plugin. I name it jQuery FetchRow.

    FinderJS : Browse Hierarchical Data in Columns

    FinderJS : Browse Hierarchical Data in Columns

    FinderJS is a small UI component that allows you to browse tree-like data in columns, similar to the file manager in OS X.

    • Data source: Array or Function (useful for asynchronous operations, e.g. calling an API).
    • Stlying: Use any CSS/framework of choice, or feel free to use the example CSS (which leverages Flexbox). You can also define how items are rendered and change default classnames.
    • Keyboard navigation: use arrows keys to navigate.
    • Events: several events are emitted to allow for custom behavior.
    • Module formats: Provided as an npm module (CommonJS), a jQuery plugin, and exported as the global finder.

    Material Design Hierarchical Display

    Material Design Hierarchical Display

    The jQuery plugin for Material Design hierarchical display animation effect.

    jqModal : jQuery Modal Window Plugin

    jqModal : jQuery Modal Window Plugin

    jqModal is a plugin for jQuery to help you display modals, popups, and notices. It is flexible and tiny, akin to a “Swiss Army Knife”, and provides a great base for your windowing needs.

    • Designer Frieldly – Use your HTML+CSS for Layout and Styling
    • Developer friendly – Extensible through callbacks to make anything possible (gallery slideshows, video-conferencing, &c)
    • Simple support for remotely loaded content (aka “ajax”)
    • Multiple Modals per page (including nested Modal-in-Modal)
    • Supported by all browsers capable of running jQuery 1.2.3+

    jQuery Interactive Image Plugin

    jQuery Interactive Image Plugin

    A jQuery plugin to embed interactive images on your website.

    Features:

    • Insert interactive texts and images over large pictures
    • Flexible configuration
    • Easily customizable with CSS
    • Fully tested with CasperJS
    • Installable via package managers

    Eagle Gallery – jQuery responsive, Touch, Zoom, Gallery

    Eagle Gallery - jQuery responsive, Touch, Zoom, Gallery

    Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options