Best jQuery Plugins Plugins & Tutorials with Demo

    Super Simple Text Rotator with jQuery

    Super Simple Text Rotator with jQuery

    A light weight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup.

    CodingJack’s jQuery Percentage Preloader

    CodingJack's jQuery Percentage Preloader

    In the days of Flash we had lots of beautiful percentage-based preloaders. But when websites starting switching over to HTML/CSS/JavaScript, they’ve become almost extinct. Percentage Preloader isn’t ground-breaking technology. Instead, it’s a a clever script that when used correctly, is a fresh alternative to the typical infinite-based preloaders we’re so used to seeing these days. Percentage Preloader is what developers typically call a “bulk loader”. If you only have a one or two assets you need to preload, Percentage Preloader is not for you. But when used with a large number of assets (5+), Percentage Preloader works great at creating the illusion of progress.

    Features:

    • Dark and Light Color Schemes
    • 8 Pre-Built Preloaders
    • Designed with CSS making them easy to edit and retina-ready.
    • Preload all the images and iframes on your web page by adding a simple data-attribute to your images.

    jQuery Wheel Menu

    jQuery Wheel Menu

    Wheel Menu is a small jQuery plugin that will add a fully customisable Path-like wheel menu button to your website.

    jQuery plugin for caching forms using HTML5 local storage

    jQuery plugin for caching forms using HTML5 local storage

    In this tutorial we’ll be utilizing the localStorage mechanism to store the current state of a form. This means that when the page is reloaded or the user re-opens the page after closing it the form will be populated with the previous values. For improved complexity, we’ll be storing the data as serialized JSON strings.

    Superslides : jQuery Full Screen & Hardware accelerated Slider

    Superslides : jQuery Full Screen & Hardware accelerated Slider

    Superslides is a full screen, hardware accelerated slider for jQuery. I wasn’t happy with the state of full screen sliders, so naturally I built my own.Superslides is compatible with the jQuery Animate Enhanced plugin. Simply include it before this plugin and it will automatically smooth out transitions using CSS instead of JavaScript.

    Project Cost Calculator (PCC) jQuery Plugin

    Project Cost Calculator (PCC) jQuery Plugin

    Project Cost Calculator is a jQuery plugin, using which complex cost calculation forms can be built easily. If you want your customers to have an idea of how much it will cost them for using your services, this is the plugin all you need. Below are the main features of PCC – Project Cost Calculator

    • You can use basic html elements naming checkboxes, radio buttons, select boxes and textboxes.
    • Supported by all major browsers starting from IE 6 and above
    • Visitor can mail the calculated output to their E-mail.
    • There can be multiple forms on same page.
    • Very low file size, less resource consuming and easy to understand

    mobileGmap : jQuery responsive Google maps

    mobileGmap : jQuery responsive google maps

    Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. This plugin gives you a native google maps on your website and a safe fallback to the static image API of google maps for smaller devices.

    AnimatedScroll.js : jQuery Smooth & Animated Document Scroll

    AnimatedScroll.js : jQuery Smooth & Animated Document Scroll

    AnimatedScroll.js  is a jQuery plugin that enables smooth, animated document scroll to a specific element, supporting native jQuery UI easings.

    jQuery.Feyn : Drawing Feynman Diagrams with SVG

    jQuery.Feyn : Drawing Feynman Diagrams with SVG

    jQuery.Feyn is a jQuery plugin to facilitate your drawing Feynman diagrams with Scalable Vector Graphics (SVG). The following list gives a quick overview of the most prominent features:

    • Automatic generation of clean SVG source code
    • Easy to use, easy to make fine adjustments
    • Predefined propagator styles, vertex types, and symbols
    • Support for typesetting labels and including external graphics
    • Lightweight, cross-browser, and fully documented