Best jQuery HTML5 Plugins & Tutorials with Demo

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

Lollipop : HTML5 Image Editor App

Lollipop : HTML5 Image Editor App

Lollipop is the perfect image editing HTML5 app for quick and straight forward editing.

Features:

  • 90+ FILTERS16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section. Lollipop’s filters are shown real-time while you take a photo with your webcam. Move to next or previous filter by swiping.
  • 15 ADJUSTMENT & CROPPING & TRANSFORMING TOOLS & UNIQUE FRAMES Use adjustment tools: Brightness, Contrast, Saturation, Noise, Sharpen, Blur, Circle Blur, Vignette, Effects, Customize RGB… to enhance your images to perfection with ease. Transform your photos with rotating and flipping tools. Crop your photos with quick and easy cropping tool…

Ajax Navigation : jQuery Plugin

Ajax Navigation : jQuery Plugin

Ajax.Navigation allows you to enhance your website by loading and inserting new content into certain areas dynamically.

WebCola : Javascript Constraint-Based Graph Layout

WebCola : Javascript Constraint-Based Graph Layout

WebCola is an open-source JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques. It works well with libraries like D3.js and svg.js