Best jQuery HTML5 Plugins & Tutorials with Demo

    SHOUT : HTML5 Radio Player With Ads

    SHOUT : HTML5 Radio Player With Ads

    Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.It supports ShoutCast and IceCast radio streaming. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.

    HTML5 Desktop Notification with JavaScript

    HTML5 Desktop Notification with JavaScript

    Desktop notifications plugin for Chrome, Safari, Firefox and IE9+.

    Breakout : HTML5 Canvas Game

    Breakout : HTML5 Canvas Game

    Breakout is a html5 canvas game.

    Warp drive : jQuery HTML5 canvas based Starfield effect.

    Warp drive : jQuery HTML5 canvas based Starfield effect

    Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

    • Fully Responsive
    • Unlimited colors
    • SVG icons
    • Multi-touch gestures support
    • Physics Based Animations
    • Automatic SlideShow support (with CountDown timer)
    • FullScreen support
    • Youtube, Vimeo, Dailymotion, Wistia
    • iFrame (Google Map, PDF reader, websites, etc…)

    Shooting Range Game with HTML5 Canvas

    Shooting Range Game with HTML5 Canvas

    Shooting range game with HTML5 canvas.

    Upload Preview jQuery Plugin

    Upload Preview jQuery Plugin

    This jQuery plugin provides an easy way to preview your uploads before they’re actually uploaded to the server. So if you selected an image or audio file from your hard drive, it will generate a live preview of the selected image or audio player for the audio file.

    ComicBubbles : Speech balloon JavaScript library

    ComicBubbles : Speech balloon JavaScript library

    ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.

    Key features:

    • small size, framework-independent
    • can produce interactive, animated speech|thought|scream balloons
    • API

    jQuery Meme Generator Plugin

    jQuery Meme Generator Plugin

    Meme Generator is a jQuery plugin allowing easily creating images with captions (memes). It doesn’t require any special markup, you can use it on any <img> and the plugin will handle the rest. It uses HTML5 Canvas to create images.

    Features:

    • Seperate styling for each text box
    • Drawing tool with customizable color and size
    • Two preview modes – canvas and CSS – latter being more suitable for slow machines
    • Saving image as data url or canvas
    • Predefining captions

    Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

    Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

    Fileuploader is a beautiful and powerful HTML5 file uploading tool. A jQuery and PHP plugin that transforms the standard file input into a revolutionary and fancy field on your page.

    • File preview with image thumbnail or icon
    • File image thumbnail can be generated in canvas to resize it perfectly for given with and height
    • Render synchron the file preview
    • File icon background is generated from file extension
    • Customize your own input and thumbnail elements
    • Responsive and fancy animations
    • Choose multiple files from different folders
    • Drag&Drop feature
    • Upload each file with Ajax
    • Upload synchron the files
    • Upload progressbar with many data available
    • Start, retry and cancel upload actions
    • Paste images from clipboard (only in Chrome)
    • Validate the file’s limit, size and extension. You can also use your own function
    • Edit mode for already uploaded files
    • All files are in one list in a hidden input
    • Use input HTML attributes to configurate it
    • HTML template renderer using Text variables
    • CSS file icon
    • PHP upload helper
    • PHP generates an array with many file informations
    • PHP can create a custom file name
    • API and more than 24 Callbacks to manipulate freely the appearance and functionality of your file input