Best jQuery HTML5 Plugins & Tutorials with Demo

    Molecule : HTML5 Game Framework

    Molecule : HTML5 Game Framework

    Html5 Game Framework to build cross-platform games on a fast and efficient way.

    CircularLoader.js : Circular progress bar using HTML5 & jQuery

    CircularLoader.js : Circular progress bar using HTML5 & jQuery

    CircularLoader.Js is a jQuery plugin made using HTML5 and javascript to create customizable cicular progress bars with or without percentage values. It can be used to create a progress indicator. It is a fully customizable plugin which works with all browsers compatible with HTML5. It is a very easy to integrate and easy to use plugin.

    Pietimer : Pie Timing Plugin for jQuery

    Pietimer : Pie Timing Plugin for jQuery

    Pietimer injects a canvas element into the page which has an ever reducing pie shaped timer. Once the timer is complete a callback function is performed.

    Blank Canvas Weather with jQuery & HTML5 Canvas

    Blank Canvas Weather with jQuery & HTML5 Canvas

    This is a weather app made using the OpenWeatherMap API and jQuery. Animations were created using HTML5 Canvas. Icons are from Noun Project.

    Resemble.js : Image Analysis and Comparison

    Resemble.js : Image Analysis and Comparison

    Resemble.js is a javascript library to analysis and compare images with html5.

    Cubexy.js : jQuery Html5 Avatar Generator

    Cubexy.js : jQuery Html5 Avatar Generator

    Create Your Own Avatar jQuery Plugin!

    1.- Include the files (jQuery and cubexy.js)
    2.- Create HTML Element (Ouput canvas)
    3.- Create HTML Element (Parts – Images png)
    4.- Call the the plugin on a container as your wish (Custom CSS )

    Martin.js : JavaScript library to work with HTML5 Canvas

    Martin.js : JavaScript library to work with HTML5 Canvas

    Martin.js is a JavaScript library for working with HTML5 canvas, to make photo manipulation and drawing in browser easy for developers and users.

    ArtCanvas.js : HTML5 Canvas Library

    ArtCanvas.js : HTML5 Canvas Library

    This library enables to create image authoring application like Photoshop.
    In concrete, this library may be useful to implement the following features.

    • Layer
    • Draw (Pen, Figure, Text ..etc)
    • Styles (Color, Line Width, Text Styles …etc)
    • Transforms (Translate, Scale, Rotate)
    • Tools for drawing

    Slick Modal – CSS3 powered Popups

    Slick Modal - CSS3 powered Popups

    Slick Modal Popup is a great way to display your message. You can insert any code or layout inside it, let it be banners, newsletter signups, contact forms, special offer display, images, galleries, iframe, video, maps and more effectively and with style.

    Features:

    • 50+ avaliable options
    • 15 transitions effects
    • 5 transition speeds
    • 9 popup positions
    • Advanced options
    • Custom modal size
    • Set a cookie for visitors
    • Set a timed visibility delay

    jQuery Filer : jQuery Html5 File Uploader

    jQuery Filer : jQuery Html5 File Uploader

    jQuery.filer – Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input and make it with multiple file selection, drag&drop support, different validations, thumbnails, icons, instant upload, print-screen upload and many other features and options.