Best jQuery Web Plugins & Tutorials with Demo

    Easy Animated Backgrounds jQuery Plugin

    Easy Animated Backgrounds jQuery Plugin

    With easy backgrounds you can add animated and non animated backgrounds to your webpage and HTML elements using just a few lines of code.

    The plugin is just 14kb and supports particles, slideshows, videos, gradients and animated patterns.You can customize your background using 36+ options and some preset overlays or you can use a image as overlay!

    Background Type:

    • Particles
    • Patterns (animated and non animated)
    • Gradients (animated and non animated)
    • Full screen youtube video´s
    • Images
    • Slideshows

    Multi-Screen.js : jQuery plugin Turns a Single page into Collection of Screens

    Multi-Screen.js : jQuery plugin Turns a Single page into Collection of Screens

    A simple, lightweight, and easy to use jQuery plugin which turns a single page into a collection of screens with animated navigation.

    Multi-Screen.js makes it easy to change the defaults for the animations, their times, the starting distance between the entering and exiting screens, and whether the animations should occur synchronously or asynchronously.

    Clickstream.js : jQuery plugin for Effects to a Page Transition

    Clickstream.js : jQuery plugin for Effects to a Page Transition

    Clickstream is a jquery plugin for Effects to a page transition.By using this plugin you can add fade transition or positioning transition to your web page.

    jQuery WebRating Plugin

    jQuery WebRating Plugin

    jQuery webrating plugin.

    Features:

    • Easy to configure
    • Precision upto 0.01
    • Use stars, hearts, smiles or your logo
    • Integrate with your own database
    • CSS based coloring
    • Customized toop-tip option
    • Callback functions on click & hover
    • Limit number of clicks per page view
    • Use cookies to limit clicks per visitor

    Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

    Fancy Scroll : jQuery Overflow Scroll Effect like on iOS/Android

    Add Overflow Scroll Effect like on iOS/Android but for your website.This jQuery plugin will add a bounce effect whenever you scroll up and reach the top/bottom of the website indicating the beginning/end of the page. With this script, you can customise these animations even further by using several options I had put in place for you to play around with.

    Scrollsnap : jQuery implementation of Scroll Snapping

    Scrollsnap : jQuery implementation of Scroll Snapping

    A jQuery plugin that enhances the scrolling experience, by providing a snapping behaviour.Scrollsnap allows to define ‘anchor points’ onto which the window snaps when you scroll through a web page or parts of it.

    Copyright : jQuery plugin to Add Reference in Copy Content

    Copyright : jQuery plugin to Add Reference in Copy Content

    The Copyright jQuery plugin allows you to add a reference to the source in buffer when copying.

    jQuery MatchHeight.js : Responsive Equal Heights plugin

    jQuery MatchHeight.js : Responsive Equal Heights plugin

    matchHeight makes the height of all selected elements exactly equal.

    Features:

    • row aware, handles floating elements
    • responsive, automatically updates on window resize
    • handles mixed padding, margin, border values (even if every element has them different)
    • accounts for box-sizing
    • handles images and other media (updates automatically after loading)
    • data attributes API
    • tested in IE8+, Chrome, Firefox, Chrome Android

    jQuery Wanker : Plugin for Display message When Resizing the Browser

    jQuery Wanker : Plugin for Display message When Resizing the Browser

    A jQuery plugin that reveals a takeover when people start excessively resizing their browser.

    Responsive design has been a blessing to web crafters everywhere. The web, however, was meant to be read, not squished. jquery.wanker.js is a tiny (549 bytes minified) jQuery plugin that reveals a public service announcement when people start excessively resizing their desktop browser as they try to see your responsive breakpoints.

    jQuery Repeat : jQuery plugin for filling out mock-ups

    jQuery Repeat : jQuery plugin for filling out mock-ups

    Repeat is for filling out mock-ups, making it easy to duplicate blocks of sample content.The main use is duplicating sample content in templates, examples, prototypes and demo pages but without needing a server or maintaining a mess of copy-pasted HTML.

    Other uses include mocking UI actions that add content, such as dummying pagination or faking infinite loading content.