waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas).
Best jQuery Plugins Plugins & Tutorials with Demo
jQuery CSS3 Strength Meter Plugin
A jQuery plugin that converts a password input into an advanced widget with strength validation meter and toggle mask to show/hide the password. The password strength is validated as you type.
Features:
- Convert any password input to an advanced password strength validation plugin. Will fallback to a normal password input for browsers not supporting JQuery or Javascript.
- The plugin will offer ability to toggle password mask (show/hide password text) and display a dynamic strength meter as you type. Uses advanced strength calculation algorithm which can be customized by setting/overriding the default validation
rules. - All options to the password input can be passed as HTML5
dataattributes. - Internationalization enabled to show messages in languages other than Englsh. At this stage translations are available for 4 languages (German, French, Italian, and Russian).
- Show and hide meter and/or toggle password mask.
Smart Before After Viewer jQuery WordPress Plugin
Visual diff tool, that makes it easy to highlight the differences between two images. Simply wrap any two images with [before-after] shortcode open and close tags inside WordPress editor.
Features:
- Fully Responsive
- Touch & Mobile Friendly
- Extremely Easy to Use
- Drag or Hover Interaction
- Horizontal and Vertical Orientations
- Custom Labels and Colors
- Shortcode Generator
- Multiple Instance On One Page
Html5 Bootstrap FileInput Plugin
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for images and text, multiple selection, and more. The plugin enhances these concepts and simplifies the widget initialization with simple HTML markup on a file input. It also offers support for multiple file preview and previewing both images and text types.
jQuery Animated Page scroll to Id
Page scroll to id is an easy-to-use jQuery plugin that enables animated page scrolling to specific id within the document. The plugin replaces the default browser behaviour of “jumping” to page sections when links with href value containing # are clicked, by smoothly animating the page to those sections.
Features:
- Auto-adjustable animation speed
- Advanced animation easings
- Vertical and/or horizontal scrolling
- Links and targets highlighting via ready-to-use classes
- Auto-adjustable Scroll-to position
- Advanced scroll-to position offset (by pixels, by element selector, link specific offsets etc.)
Demos:
horizontal layout, auto layout, dynamic content example, example with jquery.address, example with jquery-hashchange
NumBox : jQuery HTML5 Numeric Input Plugin
NumBox a jQuery Html5 plugin aims to work equally well on desktops and mobile devices, and helps ensure that a numeric keyboard will pop-up on mobile devices when a number is entered. It offers both real-time validation as you type plus display formatting, and has a lot of customization options. For example, you could set up NumBox to handle a custom currency with your choice of decimal places, minimum and maximum values, currency symbol and if the symbol goes before or after the value. When displayed, (not focused for input,) the number is correctly formatted with the appropriate symbol and commas every three digits, etc. During input, as you press each key, before it is displayed, the key press is validated, so you can’t enter non-numeric characters, numbers that are greater or smaller than the allowed range, or a number with an inappropriate number of decimal places, etc.
