Best jQuery HTML5 Plugins & Tutorials with Demo

    RPG JS : RPG 2D browser with HTML5 Canvas

    December 8, 2015 | Core Java Script, Games, HTML5
    RPG JS : RPG 2D browser with HTML5 Canvas

    Create your RPG 2D browser using the framework called RPG JS based on CanvasEngine.

    • RPG JS is based primarily on data stored in JSON files.
    • The project contains a very specific folder structure.
    • The engine used is CanvasEngine (last version) for display, collisions, sound, but especially for creating scenes.
    Read More Demo

    APlayer : Beautiful HTML5 Music Player

    December 8, 2015 | HTML5, Video & Audio
    APlayer : Beautiful HTML5 Music Player

    Wow, such a beautiful html5 music player.

    Read More Demo

    Proton : HTML5 Particle Engine

    December 3, 2015 | Animation, Core Java Script, Games, HTML5
    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
    Read More Demo

    sPlayer : Super HTML5 Music Player

    November 27, 2015 | HTML5, Plugins, Premium, Video & Audio
    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.
    Read More Demo

    JSIso : HTML5 Canvas Tile Engine

    November 26, 2015 | Games, HTML5
    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
    Read More Demo

    Stage.js : 2D HTML5 JavaScript Game Engine

    November 21, 2015 | Core Java Script, Games, HTML5
    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.

    Read More Demo

    HtmlEditor : Drag & Drop Web Page Builder

    November 20, 2015 | Bootstrap, Drag & Drop, HTML5, PHP, Premium
    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.

    Read More Demo

    Roll.js : JavaScript Roll & Scroll Tracking

    November 16, 2015 | Animation, Core Java Script, HTML5
    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.

    Read More 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