JavaScript
Article

15+ Very Exciting jQuery HTML5 Plugins

By 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!
Gury
SourceDemo

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
SourceDemo

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
SourceDemo

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
SourceDemo

6. dynamoCanvas

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

7. HTML5 Placeholder jQuery Plugin

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

8. h5Validate

HTML5 Form Validation for jQuery.
h5Validate
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.
Identicon5
SourceDemo

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
SourceDemo

12. Metadata Plugin

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

13. mColorPicker

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

14. TagCanvas

A Javascript class which will draw and animate a HTML5 canvas based tag cloud.
TagCanvas
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
SourceDemo

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.