Best jQuery HTML5 Plugins & Tutorials with Demo

    Zebra : HTML5 Canvas Rich UI JavaScript Library

    Zebra: Desktop-Like User Interface With HTML5 Canvas

    Zebra is a javaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool .The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zebra OOP concept. You keep distance from the mess of HTML, JavaScript code, CSS and DOM manipulation. Zebra is pure WEB based alternative to Flash or Applet technologies that doesn’t require a plugging on a client side to be installed. In the same time Zebra utilizes power, simplicity and beauty of JavaScript coding.

    Features:

    • Over 30 UI components
    • Customizable look and feel (theme support)
    • Flexible layouts
    • Declarative JSON-based UI
    • Easily extendable

    w2ui : jQuery UI Library

    w2ui : jQuery UI Library

    The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.

    Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.

    Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

    Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

    Vertu – Simple Mega Menu is simple and easy mega menu with many functions.

    Features:

    • Multi-Functional Menu
    • 4 levels drop down horizontal menu
    • Easy to change structure via CSS
    • Simple menu construction
    • Metro Style Menu
    • Cross Browser Support
    • Clean Code
    • Include HTML5/CSS3 and JavaScript file
    • Beautiful Contact Form

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    Flowtime.js is a framework for easily build HTML presentations or websites.You can navigate in many ways. The most common way is using the keyboard.

    Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.
    This frameworks doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your css files.

    jCryption : jQuery Html5 Form encryption plugin

    jCryption : jQuery Html5 Form encryption plugin

    This plug-in is used for encrypting the data that is submitted through the GTE and POST methods when a JavaScript HTML form is submitted to the server. This plug-in can be easily installed, used and extended. One amazing feature of the jCryption plug-in is that it does not block the web browser during calculations and helps in rendering 2048 bit encryption of the data.

    ClassyGradient : jQuery Gradient Maker Plugin

    ClassyGradient : jQuery Gradient Maker Plugin
    ClassyGradientis a jQuery plugin that allows you to add a gradient generator to your web applications and websites. Smart and fully cutomizable, it is suitable for any type of use: CSS generators, HTML5 canvas applications, live usage.

    • Unlimited gradient points.
    • HTML5 Browsers compatible (IE9 +).
    • Generate CSS code.
    • Customizable by CSS.
    • Can easily be combined with HTML5 canvas.
    • No server files, only jQuery & CSS.

    jQuery Stripes : Plugin that creates stripes on an Img element

    jQuery Stripes : Plugin that creates stripes on an img element

    jQuery stripes is a jQuery plugin that creates stripes on an img element.

    jQuery Simple Color Picker

    jQuery Simple Color Picker

    Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

    Custom CSS3 Video Players With HTML5 and jQuery

    Custom CSS3 Video Players With HTML5 and jQuery

    In today’s multimedia web it’s becoming an ever increasing part of web design to include videos. Customizing the video player is one of the first things web designers think about when implementing these elements, as often the default player does not match the website, or merely for consistency across browsers and devices. In this tutorial we’re going to be going through exactly how to do that.

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    jquery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites.

    Embedding deviantART muro in your site allows you to pass images from your site to deviantART muro, allow your users to edit those images, and then hand the saved image data back to your site. You can also make scripted use of a number of deviantART muro tools such as filters.