Best jQuery HTML5 Plugins & Tutorials with Demo

    shCircleLoader : HTML5 Circle loading animation jQuery plugin

    shCircleLoader : HTML5 Circle loading animation jQuery plugin

    shCircleLoader is a jQuery plugin, which helps web developers to create a variety of loading animations and integrate them easily into their web applications.

    Features:

    • Customizable animation controlled by a wide range of options.
    • Normally you do not have to include CSS file, but you can do this turning off CSS styling from the script.
    • CSS “namespaces” allows you to create different loading animations in one page.
    • Custom CSS keyframe animtion declarations.
    • Optional progress status in the center of the animation.

    Cajal : JavaScript library to Animate shapes on HTML5 Canvas

    Cajal : JavaScript library to Animate shapes on HTML5 Canvas

    Cajal is a javascript library to draw and animate shapes on the HTML5 canvas element.

    Cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.

    Stitches : HTML5 Sprite Sheet Generator

    Stitches : HTML5 Sprite Sheet Generator

    Stitches is an HTML5 sprite sheet generator.

    CodeTabs – jQuery Touch Responsive Tabs

    CodeTabs - jQuery Touch Responsive Tabs

    Codetabs is a great plug-in tabs when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ‘out-in’ effects and ‘one’. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

    jLayout : JavaScript Layout Algorithms

    jLayout : JavaScript Layout Algorithms

    he jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen.

    Azexo Composer : Bootstrap Page Builder

    Azexo Composer: Bootstrap Page Builder

    Azexo Composer is JavaScript library for user friendly front-end content editing of HTML pages. It is based on jQuery, jQuery UI, Underscore and Bootstrap. The main difference from other solutions – Azexo Composer uses client JS for render of HTML to work faster and save server resources.

    UbaPlayer : jQuery HTML5 Audio Player

    UbaPlayer : jQuery HTML5 Audio Player

    UbaPlayer is a simple jQuery plugin that plays audio natively in modern browsers and uses Flash where native playback is impossible.The jQuery HTML5 Audio Player with Flash Fallback.

    Canvas Headings : jQuery Animated Text Plugin

    Canvas Headings : jQuery Animated Text Plugin

    With this jQuery plugin you can easily create cool looking headings for your pages!

    Features:

    • Canvas headings with a fallback to default HTML
    • Gradient fill text
    • Image fill text animated and non animated
    • Text shadow/glow
    • Normal and gradient strokes
    • Works with all fonts
    • Rotated text
    • 3D text
    • 3D shadows
    • Distorted text

    HTML5 MP3 Sticky Player WordPress Plugin

    HTML5 MP3 Sticky Player Wordpress Plugin

    MP3 Sticky Player WordPress Plugin is a powerful responsive HTML5 mp3 player for your wordpress website that can be added at the top or bottom of the window, it runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android, Windows8.There are five playlist types, the first playlist type is the normal type that allows to add tracks (mp3’s files) with a high degree of customization, the other four playlist types can be created with a single data source URL that can be loaded from Soundcloud, Official.fm, Podcast or generated from a folder with mp3 files.

    Phaser : 2D game framework for HTML5 Games

    Phaser : 2D game framework for HTML5 Games

    Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.