Best jQuery HTML5 Plugins & Tutorials with Demo

    CoverVid : jQuery Plugin for HTML5 video background Cover Image

    CoverVid : jQuery Plugin for HTML5 video background Cover Image

    Make your HTML5 video behave like a background cover image with a simple jQuery extension.

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

    Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

    Vimuse : jQuery HTML5 Media Player

    Vimuse : jQuery HTML5 Media Player

    Vimuse HTML5 Media Player is a jQuery plugin that allows you to play both audio and video in a modern and sleek interface. You can choose to play your own audio/video files or videos from Youtube/Vimeo or even Shoutcast streams. The player features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The player is also optimized for retina and touch screens and provides the feel of a native app.

    Features:

    • Play video and audio files.
    • HTML5 playback with Flash/Silverlight fallback.
    • Playlist data is passed through JSON.
    • Special layout for audio-only mode.
    • Play videos from Youtube/Vimeo.
    • Pull videos from Youtube user, playlist or search query.
    • Pull videos from Vimeo user, album or channel.
    • Play Shoutcast streams and show track info and cover-art.
    • Extract audio info from ID3 tags – cover, track, artist, album.
    • Build playlist by scanning folder for mp3 files.
    • Several layout options.
    • Player API functions and events.
    • Mobile, retina and touch screen optimized

    LimeJS : HTML5 game framework for web and iOS

    LimeJS : HTML5 game framework for web and iOS

    LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

    Waterpipe.js : jQuery HTML5 Smoky backgrounds Generator Plugin

    Waterpipe.js : jQuery HTML5 Smoky backgrounds Generator Plugin

    waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas).

    jQuery CSS3 Strength Meter Plugin

    jQuery CSS3 Strength Meter Plugin

    A jQuery plugin that converts a password input into an advanced widget with strength validation meter and toggle mask to show/hide the password. The password strength is validated as you type.

    Features:

    1. Convert any password input to an advanced password strength validation plugin. Will fallback to a normal password input for browsers not supporting JQuery or Javascript.
    2. The plugin will offer ability to toggle password mask (show/hide password text) and display a dynamic strength meter as you type. Uses advanced strength calculation algorithm which can be customized by setting/overriding the default validation rules.
    3. All options to the password input can be passed as HTML5 data attributes.
    4. Internationalization enabled to show messages in languages other than Englsh. At this stage translations are available for 4 languages (German, French, Italian, and Russian).
    5. Show and hide meter and/or toggle password mask.

    Html5 Bootstrap FileInput Plugin

    Html5 Bootstrap FileInput Plugin

    An enhanced HTML 5 file input for Bootstrap 3.x with file preview for images and text, multiple selection, and more. The plugin enhances these concepts and simplifies the widget initialization with simple HTML markup on a file input. It also offers support for multiple file preview and previewing both images and text types.

    jQuery Html5 local Storage Plugin

    jQuery Html5 local Storage Plugin

    A simple, lightweight jQuery plugin for reading, writing and deleting html5 local storage.

    jQuery Html5 Loader Plugin

    jQuery Html5 Loader Plugin

    jQuery.html5Loader can preload images, html5 video and audio sources, css, scripts and text files. This plugin needs a JSON file to get the files that must be preloaded (you can use also use a javascript object as well), and it provides an easy API to give you the the amount of file loaded in percentage.

    Demos

    jQuery Canvas Sparkles Plugin

    jQuery Canvas Sparkles Plugin

    A little jQuery plugin for making DOM elements sparkle (uses Canvas)