Best jQuery HTML5 canvas Plugins & Tutorials with Demo

    CircletPreloader jQuery Plugin

    November 14, 2015 | HTML5, Plugins
    CircletPreloader jQuery Plugin

    CircletPreloader is a small jQuery plugin that for as circular loading animations show depict the state of charge of various HTML DOM elements as a percentage.
    The aim was to get along with as few KB, while flexibility as regards the possibilities for the representation of the loading animations. The minifie JavaScript file is only 2, 74 KB hard and needs no other and / or external JavaScript libraries. One can CircletPreloader even without jQuery use and is therefore completely independent. Using various parameters can be the loading animations individualize a large scale.

    Read More Demo

    Animated Canvas Particles with jQuery

    November 3, 2015 | Animation, HTML5, Plugins
    Animated Canvas Particles with jQuery

    Canvas Particles is a jQuery plugin that renders animated, interactive, fully configurable particles using HTML5 canvas 2D API.

    Read More Demo

    Lines.js : Beautiful Diagonal Background Lines

    September 25, 2015 | Core Java Script, HTML5
    Lines.js : Beautiful Diagonal Background Lines

    Lines.js is a javascript library to make beautiful diagonal background line.

    Read More Demo

    Vega: A Visualization Grammar

    September 17, 2015 | Chart & Graph, Core Java Script, HTML5, SVG Tutorial
    Vega: A Visualization Grammar

    Vega is a visualization grammar, a declarative format for creating and saving interactive visualization designs. With Vega you can describe data visualizations in a JSON format, and generate interactive views using either HTML5 Canvas or SVG.

    Read More Demo

    Pietimer : Pie Timing Plugin for jQuery

    August 13, 2015 | HTML5, Plugins
    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.

    Read More Demo

    Blank Canvas Weather with jQuery & HTML5 Canvas

    August 12, 2015 | HTML5, Other API
    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.

    Read More Demo

    Resemble.js : Image Analysis and Comparison

    August 11, 2015 | Core Java Script, HTML5
    Resemble.js : Image Analysis and Comparison

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

    Read More Demo

    Cubexy.js : jQuery Html5 Avatar Generator

    August 9, 2015 | HTML5, Plugins
    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 )

    Read More Demo

    Martin.js : JavaScript library to work with HTML5 Canvas

    August 7, 2015 | Core Java Script, HTML5
    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.

    Read More Demo

    ArtCanvas.js : HTML5 Canvas Library

    August 6, 2015 | Core Java Script, HTML5
    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
    Read More Demo