Best jQuery HTML5 Plugins & Tutorials with Demo

    Proton : HTML5 Particle Engine

    Proton : HTML5 Particle Engine

    Proton is an easily customizable html5 particle engine including five different types of renderers.

    • Five kinds of renderers
      • canvas
      • dom
      • webgl
      • easeljs
      • pixel
    • Integratable into any game engine
    • Veriety of behaviors
    • Three kinds of emitters which can simulate many different physical effects

    sPlayer : Super HTML5 Music Player

    sPlayer : Super HTML5 Music Player

    sPlayer is pushing HTML5 to the limit, it’s almost certainly the first HTML5 music player of it’s kind, Making it the most feature-rich JavaScript Audio library.It also allows you to create a Cross-platform HTML5 Music Desktop App with powerful capabilities.

    • Pure HTML5: Taking advantage of HTML5 power and speed, No Flash, just pure HTML5.
    • Playlist: Multiple playlists support.
    • Audio Controls: Play, Pause, Next, Previous, Seekbar, loop, duration, current time.
    • Radio / Live Stream: Radio / Live Stream Remote URLs / Broadcasts such as SHOUTcast and Icecast are also supported.
    • Multiple Audio Formats: MP3, OGG, OGA, AAC, M4A and MP4.
    • HTML5 Desktop App Ready: Build powerful HTML5 Music Desktop app with sPlayer and Electron.io (Atom-shell) / NW.io (Node-webkit).
    • Live Search: Built-in Instant search to find a specific song in your playlists.

    JSIso : HTML5 Canvas Tile Engine

    JSIso : HTML5 Canvas Tile Engine

    JSIso is a Tile-Based engine which uses the HTML5 Canvas element. It’s still classed as being in early stages and will be until it is capable of much much more.

    Features:

    • Implements AMD through RequireJS
    • Easily build complex isometric 2D.5 layouts or flat 2D layouts
    • Tiled Editor format support
    • Unlimited layer stacking
    • Isometric heightmaps
    • Auto scaling of image dimensions
    • Spritesheet and individual one by one tile image loading
    • RGBA tile values

    Stage.js : 2D HTML5 JavaScript Game Engine

    Stage.js : 2D HTML5 JavaScript Game Engine

    Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source.

    HtmlEditor : Drag & Drop Web Page Builder

    HtmlEditor : Drag & Drop Web Page Builder

    HtmlEditor is a drag & drop web page builder in only 286kb (based on boostrap) script in javascript Jquery and php built for developer . You can simply integrate this script in your web project and create custom html template with drag & drop.

    Roll.js : JavaScript Roll & Scroll Tracking

    Roll.js : JavaScript Roll & Scroll Tracking

    A little js library (~8kb min, 3kb gzip, no dependencies) to help you keep track of position, scrolling, and pagination.

    CircletPreloader jQuery Plugin

    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.

    Animated Canvas Particles with jQuery

    Animated Canvas Particles with jQuery

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

    Vidbg.js : HTML5 jQuery Video Background plugin

    Vidbg.js : HTML5 jQuery Video Background plugin

    Vidbg.js is a html5 jQuery video background plugin.When resizing is set to true (default) the video will resize automatically when the window is expanded or compressed.

    • All modern web browsers
    • IE9+
    • Video will play on desktops and laptops and will resort to the fallback image (poster) on mobile devices (tablets, phones, etc.)

    chatSocketAchex : jQuery Chat Plugin

    chatSocketAchex : jQuery Chat Plugin

    chatSocketAchex is a jQuery chat plugin with 100% HTML5 – websocket ( realtime ).
    1)  Based multi-user chat client
    2)  Chatting Easy to configure
    3) Easy to run (only html)
    4) html5 – websocket