Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Auto Ajax Loader Indicator Plugin

    jQuery Auto Ajax Loader Indicator Plugin

    A simple plugin to automatically display aJax requests using jQuery with highly configurable. In the code of your script you don’t need any more support indication to the user requests. The plugin will do everything himself!

    Features:

    • Lightweight: 4KB of JavaScript
    • Appearance is controlled through CSS so it can be restyled.
    • Automatically starts
    • You do not need to modify your scripts to use
    • The ability to set different templates into individual navigation elements
    • Error handler

    CollagePlus : jQuery image gallery plugin

    CollagePlus : jQuery image gallery plugin

    This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

    CollagePlus relies on all images being loaded before it can calculate the layout. It does not run off image sizes specified in the DOM. If you have image sizes available in the DOM then you’re probably better off calculating the layout server-side (assuming that’s where you got the image sizes from) and writing the result directly to the HTML template you’re generating.

    jQuery Draggable Background

    jQuery Draggable Background

    A jQuery plugin for draggable background images.Their are 3 types of different draggable effect with this plugin.

    tweetbars : Display latest tweets with jQuery & Handlebars.js

    tweetbars : Display latest tweets with jQuery & Handlebars.js

    Display your latest tweets with jQuery and Handlebars.js Template.

    jQuery File Download Plugin for Ajax

    jQuery File Download Plugin for Ajax

    jQuery File Download is a cross server platform compatible jQuery plugin that allows for an Ajax-like file download experience that isn’t normally possible using the web.

    SmartMenus : jQuery Advance website menu scripts

    SmartMenus : jQuery Advance website menu scripts

    SmartMenus jQuery is a successor to one of the oldest website menu scripts which was released back on August 2, 2001. Although the name of the project remains the same, the jQuery plugin is a completely new open-source script designed and developed from scratch. It’s main goal was to create a script that supports equally well widest possible variety of browsers running on all kinds of platforms and devices – desktop computers, tablets, mobile phones.

    Features:

    • Optimized for mobile and desktop browsers supporting touch, mouse or both inputs at the same time
    • Section 508 compliant and fully accessible to assistive technology like screen readers
    • List-based (search engine friendly) markup – can be easily generated from any kind of database
    • Completely CSS driven with fully customizable menu styles
    • Unlimited menu trees on the same page and unlimited sub menu levels supported
    • Horizontal or vertical main menu items arrangement
    • Absolute/relative/fixed positioning for the main menus supported
    • Right-to-left and bottom-to-top display of the sub menus is possible
    • Full window size detection – the menus will always be kept inside the window’s boundaries
    • Automatically adjustable width for the sub menus is possible (including min/max settings)
    • Keyboard navigation friendly (Tab key)

    Focusify : A jQuery plugin to visually enhance form elements

    Focusify : A jQuery plugin to visually enhance form elements

    Focusify is a simple jQuery plugin for visually enhancing forms and form elements. Problems surface when there is a requirement to provide visual cues from interactions with form fields. Since CSS works from a top down, left to right hierarchy, there is no simple way to style an element that precedes, or is the parent of, an active field in the form. Focusify intends to resolve this issue by dynamically altering the class name of the related focused element, therefore providing a hook for the custom styling of the element’s states.

    StarTube : YouTube Video Gallery Powered by jQuery

    StarTube : YouTube Video Gallery Powered by jQuery

    StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos from YouTube to your website and display them nicely inside a categorized gallery. Developed in best practises of HTML5, CSS3, and Javascript.

    Features:

    • A responsive design that looks great on desktops, tablets and smart phones
    • Add unlimited number of videos to the gallery
    • Optionally group videos by categories
    • Assign videos to multiple categories to best match your gallery structure
    • Navigate using the keyboard as well as the on-page controls
    • Set custom player width value for best responsive performance on all devices
    • Set the number of thumbnails to show per page in the navigation panel
    • Set the video quality for the YouTube player
    • Enable or disable continuous video loop
    • Lite and dark color schemes available to switch between for smooth design integrations

    jLabel : A jQuery Label plugin

    jLabel : A jQuery Label plugin

    jLabel is a jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction.

    bootstrap-ajax : Adding declarative ajax functionality to your website

    bootstrap-ajax : Adding declarative ajax functionality to your website

    This plugin is designed to work with Twitter Bootstrap to enable declarative AJAX support.

    No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called "html" that is the rendered content. Unlike a backbone.js approach to building a web app, bootstrap-ajax leverages server side template rendering engines to render and return HTML fragments.