15+ Very Exciting jQuery HTML5 Plugins

Sam Deering

Looking for fantastic features to implement into your website/blog? Here at jQuery4u we always make sure to give you only the BEST jQuery plugins for you to check out. Today we have rounded up 15+ Very Exciting jQuery HTML5 Plugins you may have not used before. From a simple flame effect to a pretty cool book-flipping all for your viewing pleasure. Enjoy.

1. HTML5 Canvas Experiment: A cool flame/fire effect using particles

This is a simple flame effect, created using particles. Random particles colored using fading out gradients originate from mouse coordinates(or the center of the canvas by default) to create the effect.
HTML5 Canvas Experiment
Source + Demo

2. jQuery HTML5 Canvas Plugin – Gury

A pretty cool html5 canvas utility library which uses jQuery to and html5 to create some awesome animation effects with the new canvas element. The days of using flash are over!

3. HTML5 jQuery Paint Plugin

Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area with various shapes and colors including an eraser.
HTML5 jQuery Paint

4. Creating an iPad-like dropdown menu in HTML5

Learn how to create an iPad-like dropdown menu in HTML5 in this tutorial.. pretty easy!
iPad-like dropdown menu

5. HTML5 File Uploads with jQuery

Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.
HTML5 File Uploads

6. dynamoCanvas

A jQuery plugin designed to make it as simple as possible to utilize all of the features of the HTML5 canvas tag.

7. HTML5 Placeholder jQuery Plugin

A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet…
HTML5 Placeholder

8. h5Validate

HTML5 Form Validation for jQuery.
Source + Demo

9. jQuery Canvas Loader

This plugin replaces typical animated gif loading image with a canvas based loader of the same width and height. This is super helpful when developing mobile apps that might be viewed on Android. It will also detect to see if you have canvas support before applying the replacement.
jQuery Canvas Loader
Source + Demo

10. Identicon5

A JQuery plugin that takes an MD5 hash and converts it to a unique image. It’s called Identicon5 since it works through the HTML5 Canvas element.

11. jQuery filedrop Plugin

Uses the HTML5 File API to allow users to drag multiple files from desktop to the browser, uploading each file to a user-specified URL.
jQuery filedrop Plugin

12. Metadata Plugin

Populates the jQuery Data Object from HTML5 custom data-attributes.
Metadata Plugin

13. mColorPicker

A simple lite jQuery color picker plugin with a swatch to remember the last 10 colors chosen, that uses html5 markup.

14. TagCanvas

A Javascript class which will draw and animate a HTML5 canvas based tag cloud.
Source + Demo

15. HTML5 Dataset jQuery Plugin

This jQuery plugin adds the jQuery.fn.dataset method. It may be used in a similar manner to jQuery’s built-in data and attr methods.
HTML5 Dataset jQuery
Source + Demo

16. HTML5 Book-Flipping jQuery Plugin

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine with HTML5. It works in all modern browsers including touch devices.
HTML5 Book-Flipping