Best jQuery Plugins Plugins & Tutorials with Demo

    Nav-bar : jQuery Navigation bar plugin

    Nav-bar : jQuery Navigation bar plugin

    A navigation bar plugin to follow background with cursor.

    Sticky-Kit : jQuery plugin for Smart Sticky elements

    Sticky-Kit : jQuery plugin for Smart Sticky elements

    A jQuery plugin for making smart sticky elements.Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

    Nanimator : jQuery Nano Animation Library

    Nanimator : jQuery Nano Animation Library

    I got the idea for Nanimator Library while working with jQuery Transit library and CSS3 transforms a couple of days ago. I was chaining the animation of numbers of objects by writing callbacks for each of them and suddenly I got the idea that I can actually do it pretty easily by converting the whole thing as a jQuery Plugin. This is how Nanimator was born. It’s primary purpose is to animate a set of DOM elements inside a container, mainly translate, translateX, translateY, and opacity. It also reduces your code by writing almost nothing at all, except initializing the library.

    Nanimator serves its purpose pretty well by queueing the DOM elements in a stack, maintaining a chain among them (which you can also break, but I will highlight that later in this article). Nanimator uses the fantastic jQuery Transit plugin under the hood to wrap everything up for you.

    Narsis Cover : jQuery CSS3 Image Hover Animation Effect

    Narsis Cover : jQuery CSS3 Image Hover Animation Effect

    Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the details. Your visitors will love theme.

    Features:

    • 50 Animation Effect
    • 13 Color Schemes
    • We use FontAwesome for icons so you can use more than 360 icons for your menu.
    • All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.
    • Cross-browser compatible, IE7 included.
    • Fully Customizable

    Placeholder Enhanced : jQuery Placeholder plugin

    Placeholder Enhanced : jQuery Placeholder plugin

    This jQuery Placeholder plugin is an enhanced polyfill for the HTML5 placeholder attribute providing cross-browser support & styling.

    Features:

    • Cross-browser & Cross-styling
    • Support for all input types, password, textarea, text, email, search, url, etc…
    • Robust: it heavely behave as the HTML5 placeholder defined in the specs
    • Normalize placeholder behaviour in modern browsers
    • Fix jQuery.val() function to work as expected to set/get the value of inputs with placeholder
    • Lightweight: 889 bytes minified & gzipped

    jWizard : jQuery UI Form Widget

    jWizard : jQuery UI Form Widget

    jWizard  is a jQuery Plugin for generating a Windows Wizard-like interface for your Web Applications.

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal, is a jQuery plugin that creates or turn DIVs into modal popups in metro style.The modals are draggable, has controls to Maximize, Close and Restores, basic fadeIn/fadeOut animation for old browsers that has no support for css3 animations.

    Features:

    • There are 19 properties that you may change.
    • 23 different animations.
    • Responsive design
    • Resize window, also resizes de modal if is needed, animation to move around to the new screen location.
    • Support iFrames and custom HTML code
    • Support multiple color background with animations, works with HTML color pallet.

    jQuery Onscreen Visibility Plugin

    jQuery Onscreen Visibility Plugin

    A jquery plugin which allows us to quickly check if an element is within the browsers visual viewport regardless of the window scroll position.If a user can see this element, the function will return true.

    jQuery Bootstrap Form Application Wizard

    jQuery Bootstrap Form Application Wizard

    It is a good practice to split long forms into smaller, contextually similar chunks. This makes them a bit easier to handle. The Bootstrap Form Wizard does that for you and more.

    The Application Wizard is a Bootstrap addon that allows multi-step forms to progress in a natural order while remaining flexible.

    CSS Gradient Generator with jQuery

    CSS Gradient Generator with jQuery

    This is CSS Gradient Generator that you can use in your site to generate CSS Gradient that is cross browser and provides the CSS gradients with all the suffixes.

    It gives you the power of that CSS Gradient generator in Adobe Photoshop. You can use it to generate your code in your admin control panel to edit the gradient visually.

    Features:

    • Cross browsers. 2- 50+ predefined presets.
    • 2 themes (Dark & Light).
    • Linear & Radial gradients.
    • Generates TRANSPARENT steps.
    • Very easy to use and to work with.
    • Uses RGB, RGBA, HSL, HSLA, HEX.
    • CSS3 Gradient for all the BROWSERS.