Best jQuery HTML5 Plugins & Tutorials with Demo

    Clean HTML5 Video Player with Playlist

    Clean HTML5 Video Player with Playlist

    Clean HTML5 Video Player with Playlist

    Features:

    • Responsive layout
    • Ready for Retina Displays
    • Easy to get started, deploy in minutes
    • Highly customizable using HTML and CSS
    • Clean code + LESS
    • Playlists support
    • Multiple instances
    • Based on jPlayer (HTML5 & Flash fallback)

    BlockBlaster : HTML5 Game using JS and Canvas

    BlockBlaster : HTML5 Game using JS and Canvas

    First real crack at making an HTML5 game using JS and canvas element.

    jQuery Bootstrap MaxLength for Form Inputs

    jQuery Bootstrap MaxLength for Form Inputs

    Bootstrap-Maxlength a jQuery plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.

    The indicator badge shows up on focusing on the element, and disappears when the focus is lost.

    Numble : Simple jQuery Number Selector

    Numble : Simple jQuery Number Selector

    Numble is a simple jQuery plugin to override the default HTML5 field to facilitate better cross browser styling and consistency. The default number input renders differently in different browsers making it difficult to match styles. numble hides the original control and adds a new element containing the hidden original. The new control allows the number to be changed using either the mouse scroll wheel or embedded increment and decrement controls.

    Architect Lite : Front-End HTML Builder

    Architect Lite : Front-End HTML Builder

    Architect Lite is a javascript application that allows users to build custom HTML designs via drag and drop with no coding knowledge. It is perfect for bundling with your template on themeforest or integrating into your existing projects.

    Blurry Menu with jQuery & Html5 Canvas

    Blurry Menu with jQuery & Html5 Canvas

    A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.

    Yoshi : Html5 Particle Effects System

    Yoshi : Html5 Particle Effects System

    You’re most likely looking for something specific – not a generic plugin that will bend to your needs. CodeDroid12 plugins are not all-in-one or multipurpose. They’re built to serve one specific task well – and usually with a quick Copy & Paste approach. The idea is to get your problem fixed as fast and efficiently as possible – without you needing to even waste time reading documentation.

    • Includes generator page
    • Includes all shown presets
    • Built awesome particle effects in seconds
    • Rain, Snow, Bubbles, Dust, Orbital, Molecules, Wind, Electricity and much more!
    • No Coding Skills Needed
    • Awesome, unique and fun!

    ClickSpark.js : JavaScript & HTML5 Particle Effects

    ClickSpark.js : JavaScript & HTML5 Particle Effects

    ClickSpark.js is an open source particle effect tool for the frontend. It’s based on JavaScript and HTML5.

    ClickSpark.js adds beautiful particle effects to yourJavaScript events. The special feature is that image files can be used as single particles. It’s easily configurable and flexible.

    jQuery Paypal HTML Shop

    jQuery Paypal HTML Shop

    jQuery Paypal HTML Shop by createIT turns your static website into a working paypal shop in 5 minutes! Every currency type is supported and compatible with PayPal.

    • Seamless paypal integration
    • Add Custom HTML Markup
    • 6 unique design styles
    • Variable products support
    • No PHP required
    • Coffee script files included
    • HTML5 and XHTML strict compatible
    • Cross-browser compatible

    Prideify.js : jQuery Rainbow Stripes Image Effect

    Prideify.js : jQuery Rainbow Stripes Image Effect

    Inspired by https://facebook.com/celebratepride – a super-lightweight library (< 100 lines of code) to “prideify” (add rainbow stripes to) any image using the <canvas> API.