jQuery Plugins Plugin & Tutorials with Example

metisMenu : Easy menu jQuery plugin for Bootstrap

metisMenu : Easy menu jQuery plugin for Bootstrap

metisMenu  is a easy menu jQuery plugin for Twitter Bootstrap 3.

jQuery Responsive Modular Lightbox

jQuery Responsive Modular Lightbox
  • Responsive for every device
  • The most customizable and modular lightbox with a unique code generator.
  • The Bit Brewery Lightbox offers endless combination options of various media formats in one gallery, e.g. a gallery could consist of an image, an iframe, a video and another image.
  • Three themes included and so simple to create your own.
  • The configuration of the Bit Brewery Lightbox is easy and powerful. All click areas have texts that are easily changed.
  • In contrast to many other lightboxes the Bit Brewery Lightbox can be keyboard-operated without the help of a computer mouse. Additionally, tabbing outside of the Lightbox is prevented for easy control.
  • All Bit Brewery products get thoroughly tested with different settings on a wide range of devices.

Deep Checkbox : jQuery Plugin for Nested Checkboxes

Deep Checkbox : jQuery Plugin for Nested Checkboxes

Imagine multidimensional list with checkboxes. They are nested in LI-elements (by the way, nesting is necessary for this plugin work).

Child-checkboxes are inherit parent’s property. Is possible to uncheck automatically checked items — that will exceptions. Also you can set element to display human-readable list of checked and excepted checkboxes there.

Tokenize : jQuery Select Multiple Items with Autocomplete

Tokenize : jQuery Select Multiple Items with Autocomplete

jQuery Tokenize is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin / style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Callbacks when items are added or removed from the list
  • Select, delete and navigate items using the mouse or keyboard

fontFlex : jQuery plugin for Responsive Font Sizes

fontFlex : jQuery plugin for Responsive Font Sizes

Lightweight jQuery extension for dynamically changing font sizes according to screen / browser width. Intended to be used with responsive or adaptive CSS layouts.

HTML 5 Upload Image, Ratio with Drag and Drop

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

Lighterbox : A lighterweight lightbox Gallery Plugin

lighterbox : A lighterweight lightbox Gallery Plugin

A lighterweight lightbox gallery module. A simple plugin supporting modern mobile and desktop browsers to minimize configuration and hacky code. Customizable.

Background Colorful Generator jQuery Plugin

Background Colorful Generator jQuery Plugin

Background Colorful Generator Jquery plugin is quit easily generate beautiful backgrounds to use on your website.

Features:

  • Noise effect
  • Cell spacing
  • Cell size
  • Padding cells

Gridify : Create Pinterest-like Grid using jQuery

Gridify : Create Pinterest-like Grid using jQuery

A lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with image loaded

Features

  • support image loaded event
  • support window resize event
  • support very long height item
  • support dynamic item width
  • support animation (CSS3 transition)

Leader.js : Inline form jQuery plugin

Leader.js : Inline form jQuery plugin

Leader.js is a concept to enable the user to fill a form as quickly and easily as possible on mobile.

Filling forms on mobiles can be frustrating, with constant scrolling, tapping and opening/ re-opening of the keyboard. Leader.js simplifies the process with a shake up of the process.



Best jQuery websites design awards