Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Opacity by Mouse Location

    jQuery Opacity by Mouse Location

    Change an element’s opacity based on the mouse’s distance from its center.

    The idea is to use some jQuery to define an invisible circle around the center point of an element, and to lower the element’s opacity as the user’s mouse gets closer to its center. The effect works best with an image that is close to square, but it will define the circle within any sized image.

    Datmenu – Responsive Menu jQuery Plugin

    Datmenu - Responsive Menu jQuery Plugin

    DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

    • Easy To use
    • Multiple Animations
    • Easy Modifications
    • Top Menu Bar
    • Retina Ready
    • Responsive layout
    • Compatibility (IE, Firefox, Opera, Safari, Chrome)
    • Unlimited Colors
    • Unlimited Styling Options

    PgwMenu : Responsive Menu plugin for jQuery

    PgwMenu : Responsive Menu plugin for jQuery

    Responsive Menu plugin for jQuery and Zepto.

    Features:

    • Full customization with the CSS file included
    • Fully responsive navigation menu (desktop and mobile devices)
    • SEO compliant
    • Less than 2 KB (minified and gzipped)

    Ultra : jQuery Html5 Video Player

    Ultra : jQuery Html5 Video Player
    • custom HTML5 player theme
    • custom Vimeo player theme
    • custom Youtube player theme
    • optional poster image
    • custom player size
    • optional embed option
    • optional facebook share
    • optional twitter share
    • optional mail share
    • optional logo (set position to bottom-left corner, or bottom-right corner, set URL redirect when clicked)
    • you can disable individually logo/embed/facebook/twitter/mail/info if you dont need these features
    • autohide controls: you can choose after how much seconds player controls will disappear
    • optional autoplay
    • optional right-click (to prevent downloading hosted videos)
    • optional player shadow (set one of 6 pre-built shadow effects)

    Hash Tabs : Ultimate jQuery Animated Tab plugin

    Hash Tabs : Ultimate jQuery Animated Tab plugin

    The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.

    Features:

    • Hash-friendly URLs, so your states are saved. Try refreshing!
    • Compatible with IE8 and up
    • Customizable and configurable. Use custom selectors for your tabs. Default uses nav and section elements
    • noscript-friendly. Works very will in non-javascript browsers. When tabs can’t be loaded, content feels like normal, as hashes are supported natively by the browser.
    • Customizable SASS styles.

    tAutocomplete : jQuery Autocomplete in the form of Table

    tAutocomplete : jQuery Autocomplete in the form of Table

    A jQuery autocomplete plugin in the form of table.One major challenge we faced in autocomplete was to display the data in a tabular format. When there are many rows of information available, it was difficult to display the relevant data of a row next to each other. This forced to develop a jQuery plugin which can display the relevant information in a table format.

    Enliven ’em! – Animation Engine for Vector Graphic

    Enliven 'em! - Animation Engine for Vector Graphic

    Enliven ‘em is a jQuery plugin which lets you animate any vector graphic in SVG form in many different ways when your illustration become visible in a user browser viewport (suitable for “non-hover” devices like Apple’s ones). Also you can allow an animation to be repeated when user click your graphic.

    Features:

    • More than 70 build-in effects
    • Suitable for Touch Devices
    • Both In and Out Animations
    • Your SVG can be Responsive
    • Easy Integration
    • Separate Animation Editor App
    • All Modern Browsers (with some IE and Opera restrictions)

    Simple Sidebar : jQuery Sidebar Plugin

    Simple Sidebar : jQuery Sidebar Plugin

    A simple jQuery sidebar plugin.With this simple plug-in you can choose to use the right-sidebar or the left-sidebar and switch from one to the other in just one type!

    Demo 1  Demo 2

    jqScribble : A touch enabled Canvas Drawing Tool Plugin

    jqScribble : A touch enabled Canvas Drawing Tool Plugin

    jqScribble is a jquery plugin that will allow you to draw on an HTML5 canvas element. It works with standard mouse input and also touch input. It is designed to be extremely extensible, allowing for custom brushes and image saving. I have also provided with this plugin a sample PHP file that will demonstrate turning drawn images into actual images.

    Vide : jQuery plugin for Video Backgrounds

    Vide : jQuery plugin for Video Backgrounds

    Easy as hell jQuery plugin for video backgrounds.