Best jQuery HTML5 Plugins & Tutorials with Demo

    Canvas Dots with jQuery & HTML5

    Canvas Dots with jQuery & HTML5

    Random moves of particles, count of dots and connection distance selected by smart algorithm depend from count of dots and square of block. Working on most browser (include mobile devices) without braking. Particles leave from mouse cursor.

    Plyr : Simple HTML5 Media Player

    Plyr : Simple HTML5 Media Player

    A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

    • Accessible – full support for VTT captions and screen readers
    • Lightweight – under 10KB minified and gzipped
    • Customisable – make the player look how you want with the markup you want
    • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There’s no <span> or <a href="#"> button hacks
    • Responsive – as you’d expect these days
    • HTML Video & Audio – support for both formats
    • Embedded Video – support for YouTube and Vimeo video playback
    • API – toggle playback, volume, seeking, and more

    jQuery Spinning 3d Earth Plugin

    jQuery Spinning 3d Earth Plugin

    jQuery plugin that allows you to draw a beautiful 3d spinning earth on canvas. Based on the amazing sphere.js plugin of Sam Hasler, jquery.earth3d.js is an open source jquery ui plugin which will allow you to emulate a 3d earth (or any planet actually) on canvas.

    Animation of Fall JavaScript Plugin

    Animation of Fall JavaScript Plugin

    With help of this plugin you can simply add the animation of fall with your images and settings to your site. Also package include the “CPanel” plugin. He make possible to easy find the best parameters of animation on your taste!

    FormValidation : jQuery Powerful Form Validation with Bootstrap

    FormValidation : jQuery Powerful Form Validation with Bootstrap

    Best jQuery plugin to validate form fields Designed for Bootstrap.

    Video-Resize.js : Responsive HTML5 videos

    Video-Resize.js : Responsive HTML5 videos

    Javascript library for efficiently scaling HTML5 videos with CSS classes.

    Origami.js : Create things with HTML5 Canvas

    Origami.js : Create things with HTML5 Canvas

    Origami.js was originally designed as a teaching tool for geometry, JavaScript, and the web in schools. It’s evolved into a powerful library for creating things with HTML5 canvas.

    atrament.js : JS library for beautiful Drawing

    atrament.js : JS library for beautiful Drawing

    Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.Atrament is a lightweight library that enables the user to draw smooth, natural drawings and handwriting on the HTML canvas. The algorithm was originally developed about 2 weeks after I started learning JavaScript, as I wanted to build a collaborative drawing space on the web, which ended up being 1WALL. 

    Material Design Avatars using Canvas

    Material Design Avatars using Canvas

    Simple material design avatars using canvas.Material-Avatar uses HTML5 Canvas to fill an element with a random(ized) background color, which uses this great module to find nice random colors, but has a fall-back just incase you don’t include it.

    TempGauge : jQuery Temperature styled Gauge plugin

    TempGauge : jQuery Temperature styled Gauge plugin

    Mini jQuery Temperature styled Gauge plugin, that replaces Temperature Values with an Temperature Gauge.

    Features:

    • Replaces temperature values with a Temperature Gauge canvas
    • Show Temperature Label
    • Set Gauge Border Color
    • Set Gauge Fill Color
    • Set Max and Min Temperature
    • Set canvas width (height is calculated width * 2)
    • Gauge-plugin is chainable