Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery.fluxoModal : jQuery plugin similar to Lightbox

    jQuery.fluxoModal : jQuery plugin similar to Lightbox

    jQuery.fluxoModal is a jQuery plug-in similar to lightbox. It can highlight any kind of html element inside an html modal window, blurring the background using html5 canvas, CSS3 animations and a crossbrowser fallback for IE.

    jQuery.validVal : A highly customizable and feature rich jQuery form validator

    jQuery.validVal : A highly customizable and feature rich jQuery form validator

    jQuery.validVal is a plugin designed to simplify form validation.It is highly customizable, very feature rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with very little effort.

    Features:

    • Can be used for validating any kind of HTML-form, with very little effort.
    • Supports five default value-validations: “required”, “number”, “email”, “url” and “pattern”.
    • Supplies a workaround for the lack of support for HTML5 attributes and type-values.
    • Great default “invalid-handler” that can be extended or customized.
    • Enables a group of checkboxes to have at least one checkbox to be “required”.
    • Built in support for clearing the placeholder-value “onFocus”.
    • Automatically select the next input-field when the “maxlength” nth-character is entered.

    BlackAndWhite : Html5 Black and White image jQuery Plugin

    BlackAndWhite : Html5 Black and White image jQuery Plugin

    This plug-in can easily convert any colored image (in an html page) into a B&W greyscale image.

    Cycle2 : Versitile Slideshow plugin for jQuery

    Cycle2 : Versitile Slideshow plugin for jQuery

    Cycle2 is a versitile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest.

    Highlights:

    • Supports all browswers
    • Declarative: no scripting needed!
    • Responsive: fully control your slideshow via css (resize this page to see!)
    • Customizable: per-slide option overrides
    • Extensible: fully customizable API (on a per-slideshow basis if you wish)
    • Smart: supports image loading and delayed initialization
    • Smarter: supports progressive image loading
    • Out-of-the-box functionality for pagers, captions, overlays, and prev/next controls
    • Support for swipe gesture on mobile devices
    • Fade, scroll, shuffle, tile and carousel transitions
    • Bookmarkable slides

    oriDomi : jQuery Plugin for Fold up the DOM like paper

    oriDomi : jQuery Plugin for Fold up the DOM like paper

    jQuery plugin for fold up the DOM like paper.riDomi only works in modern browsers that support CSS 3D transforms.

    Features:

    • zero dependencie
    • optional jQuery/&c. support
    • works on iOS
    • fold images, webfonts, animated gifs, almost any DOM element

    jquery.vgrid : jQuery plugin variable grid layout

    jquery.vgrid : jQuery plugin variable grid layout

    I tried to introduce a variable grid layout using jquery.vgrid.js powered by jQuery.The simplest type from a sample of seven ul marked up with ” Variable grid layout. “I tried to arrange a thumbnail of the theme in the following pages.

    jQuery Responsive Carousels

    jQuery Responsive Carousels

    A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.

    jQuery Cute Slider – 3D & 2D HTML5 Image Slider

    jQuery Cute Slider - 3D & 2D HTML5 Image Slider

    Tired of boring flat sliders? Looking for a unique slider? Here’s what you want,with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.Cute Slider makes your ideas alive, It gives you desire,you can use it as an advanced 2D slider with tons of 2D transitions, or add third dimention to your slider and create a unique and inpressive 3D slider.

    Features :

    • 3D & 2D effects
    • 100+ prest transitions
    • 3 fallback levels(CSS3D, Canvas, 2D)
    • Cross Browser
    • Device friendly
    • Youtuve and Vimeo videos
    • Search engine optimized

    Responsive Measure: A jQuery plugin for responsive typography

    Responsive Measure: A jQuery plugin for responsive typography

    Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control the measure. Until now.

    Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.