Best jQuery HTML5 Plugins & Tutorials with Demo

    HTML 5 Upload Image, Ratio with Drag and Drop

    September 19, 2014 | Ajax, Bootstrap, Drag & Drop, HTML5, Plugins, Premium
    HTML 5 Upload Image, Ratio with Drag and Drop

    A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

    Features:

    • uses canvas to crop the image, no server scripts needed!
    • want to use a server script, no problem! simple change it with additional options
    • full HTML5 support
    • save your image with AJAX or use the tradional FORM input file element
    • uses ratio to let it fit your screen or element
    • easy to use
    • additional options to configure
    • bootstrap 3.1
    • jQuery
    Read More Demo

    Particleground : jQuery plugin for background Particle Systems

    September 4, 2014 | Animation, HTML5, Plugins
    Particleground : jQuery plugin for background Particle Systems

    A jQuery plugin for snazzy background particle systems. Includes an optional parallax effect controlled by the mouse on desktop devices and gyroscope on mobile devices. Works in any browser that supports HTML5 canvas.

    Read More Demo

    Cropit : jQuery Customizable Crop and Zoom Plugin

    August 31, 2014 | HTML5, Plugins, Zoom
    Cropit : jQuery Customizable Crop and Zoom Plugin
    • A jQuery plugin for image cropping and zooming.
    • Loads images locally via FileReader, and does cropping using canvas.
    • Designed to be extremely customizable via CSS.
    • Best for the cases where you want users to upload images of a specific size and ratio.
    Read More Demo

    Scratch.js : HTML5 Scratch Card

    August 29, 2014 | Core Java Script, HTML5, Premium
    Scratch.js : HTML5 Scratch Card

    Scratch.js is a standalone library which brings interactivity to your website by allowing you to generate scratch cards for your visitors. Based on HTML5, scratch.js generate canvas on the fly and is optimized for all modern browsers and has touch support for mobile devices. You can use it to make scratch cards, coupons, promotionnal game and even advertisement.

    Features:

    • Touch support: works on IOS, android, windows phone
    • Lightweight, with no external dependencies
    • include working examples to avoid starting from scratch
    • PSD file included
    • Flexible and fully configurable
    Read More Demo

    gridscrolling.js : jQuery plugin for layout your HTML5 article

    August 14, 2014 | HTML5, Plugins
    gridscrolling.js : jQuery plugin for layout your HTML5 article

    A layout for HTML5 articles, positioning sections and asides in a grid, allowing easy navigation with cursor keys.

    Read More Demo

    3dbook : 3D Book Created with jQuery & CSS3

    August 12, 2014 | CSS2 / CSS3.0, HTML5
    3dbook : 3D Book Created with jQuery & CSS3

    This is 3d book created all by myself. All book is made by HTML5, CSS3 transitions and bit of javascript / jQuery code.

    Read More Demo

    HTML Builder with jQuery & Bootstrap

    August 6, 2014 | Bootstrap, CSS2 / CSS3.0, Drag & Drop, HTML5, Plugins, Premium
    HTML Builder with jQuery & Bootstrap

    HTML Builder is a nifty little Javascript application which allows end-users to easily compose custom HTML designs using pre-defined HTML elements. The HTML Builder script comes with several sample HTML elements (the ones as displayed in the live demo), however the script really shines when used with your own custom HTML elements!

    Features:

    • build custom HTML pages using predefined HTML elements
    • create your own custom HTML elements with ease
    • integrates seamlessly with CSS frameworks (like Bootstrap, Foundation, etc)
    • create multiple pages in one session
    • export the created pages (incl CSS, Javascript and images)
    • basic editing of written content (only available for non IE browsers)
    Read More Demo

    Ultra : jQuery Html5 Video Player

    August 3, 2014 | HTML5, Plugins, Premium, Responsive, Video & Audio
    Ultra : jQuery Html5 Video Player
    • custom HTML5 player theme
    • custom Vimeo player theme
    • custom Youtube player theme
    • optional poster image
    • custom player size
    • optional embed option
    • optional facebook share
    • optional twitter share
    • optional mail share
    • optional logo (set position to bottom-left corner, or bottom-right corner, set URL redirect when clicked)
    • you can disable individually logo/embed/facebook/twitter/mail/info if you dont need these features
    • autohide controls: you can choose after how much seconds player controls will disappear
    • optional autoplay
    • optional right-click (to prevent downloading hosted videos)
    • optional player shadow (set one of 6 pre-built shadow effects)
    Read More Demo

    jqScribble : A touch enabled Canvas Drawing Tool Plugin

    July 31, 2014 | HTML5, PHP, Plugins
    jqScribble : A touch enabled Canvas Drawing Tool Plugin

    jqScribble is a jquery plugin that will allow you to draw on an HTML5 canvas element. It works with standard mouse input and also touch input. It is designed to be extremely extensible, allowing for custom brushes and image saving. I have also provided with this plugin a sample PHP file that will demonstrate turning drawn images into actual images.

    Read More Demo

    jQuery fullsizable plugin

    July 17, 2014 | HTML5, Plugins, Popup Window, Web
    jQuery fullsizable plugin

    jQuery plugin to make use of the full available browser space for enjoyable image viewing. Also supports the native HTML5 fullscreen API in modern browsers.

    Read More Demo