Best jQuery HTML5 Plugins & Tutorials with Demo

HTML Canvas Gauges using JavaScript

November 4, 2016 | Core Java Script, HTML5
HTML Canvas Gauges using JavaScript

Canvas Gauges is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Read More Demo

Waud.js : Web Audio Library with HTML5

October 17, 2016 | Core Java Script, HTML5, Video & Audio
Waud.js : Web Audio Library with HTML5

Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

Features:

  • Base64 Pack
  • Audio Sprites
  • iOS Audio Unlock1
  • Auto Mute2
  • Simple API
  • Zero Dependencies
Read More Demo

WidgetPop : CSS Multipurpose Ready-made Popup Templates

October 7, 2016 | CSS2 / CSS3.0, HTML5, Popup Window, Premium
WidgetPop : CSS Multipurpose Ready-made Popup Templates

WidgetPop is a modern intuitive HTML5 CSS3 multipurpose Popup to convert website visitors into prospect leads. The WidgetPop is responsive and works in all modern devices and browsers from mobile to desktop.

  • HTML5 + CSS3
  • Responsive Design
  • Easy Customisation
  • Unlimited Color schemes
Read More Demo

Create Simple Image Editor Using jQuery, HTML5 And CSS

September 15, 2016 | CSS2 / CSS3.0, HTML5, Image Effects
Create Simple Image Editor Using jQuery, HTML5 And CSS

In this tutorial we will show you how to create a simple image editor using jQuery, HTML5 and CSS.We use different CSS filter like Grayscale, Blur, Exposure(brightness), Sepia and Opacity to edit the image you can add more effects if you want.

Read More Demo

Multirange : Tiny Polyfill for HTML5 Multi-Handle Sliders

September 10, 2016 | HTML5
Multirange : Tiny Polyfill for HTML5 Multi-Handle Sliders

Multirange is a tiny polyfill for HTML5 multi-handle sliders.

Features:

  • Tiny.
  • No dependencies.
  • Uses feature detection, will not run if two-handle sliders are natively supported.
  • Keyboard accessible
  • Clicking on the track still works
  • Handles can be moved past each other
  • Customizable styling
  • JS properties polyfilled too (input.value,input.valueLow, input.valueHigh)
Read More Demo

jComponent : A simple jQuery Component Library

August 24, 2016 | Bootstrap, Forms, HTML5, Plugins
jComponent : A simple jQuery Component Library

jComponent is the component library for creating reusable components with jQuery. With jComponent you can improve your existing projects or create new web single-page applications.

Read More Demo

Instagram-style filters in HTML5 Canvas

August 8, 2016 | HTML5, Image Effects
Instagram-style filters in HTML5 Canvas
Read More Demo

jQuery Push Notification Plugin

July 26, 2016 | HTML5, Plugins, Web
jQuery Push Notification Plugin

This library allows us to use html5 NotificationAPI in jquery.

Read More Demo

Markdown Text Editor Plugin

July 21, 2016 | Core Java Script, HTML5
Markdown Text Editor Plugin

This javascript library is a markdown text editor.

Read More Demo

ZoomTimeline : CSS Timeline Pack

July 19, 2016 | CSS2 / CSS3.0, HTML5, Premium
ZoomTimeline : CSS Timeline Pack

Looking for a company timeline ? A shipping log ? Shipping history ? Personal History ? A cool timeline slider ? This plugin has it all. No matter the needs for a timeline, the six modes included cover all the timeline needs.Awesome for – company timeline, time line, history, company history, shipping history, parcel track display, timeline slider.

  • HTML5 technology – zoomtimeline uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
  • fully responsive – looks great from mobile to HD
  • five modes – full skins to fit every brand
  • CSS3 technology – this player uses cutting-edge css3
  • SCSS Powered – easy for developers to modify
  • Retina-ready – graphics have double resolution for smooth retina viewing
  • easy install – purchase, download the zip, read the docs
  • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
Read More Demo