jQuery jQuery UI Plugin & Tutorials with Example

Simone : jQuery Window Manager Plugin

Simone : jQuery Window Manager Plugin

Simone is a JavaScript window manager consisting of two widgets: taskbar and window, providing a desktop-like experience. It’s especially useful for single-page applications. It’s built on top of the jQuery and jQuery UI.

Features:

  • Easy start for developers. API known from jQuery UI.
  • jQuery UI Themes compatible with no additional setup.
  • Customizable with options, events and methods.
  • Built-in debugger.
  • Utilizies well-known patterns, present in other window managers.
  • Comes with localization support nad multilingual capabilities.
  • Widgets are to a point aware of each other.
  • Content-agnostic windows.
  • Software in active development.

Bruno : jQuery Modal PopUp Dialog Plugin

Bruno : jQuery Modal PopUp Dialog Plugin

The Modal Pop-up Dialog Box on jQuery, jQuery UI and DialogExtend with the skins in the style of Metro.

ScrollStory : jQuery UI widget for building Simple Scroll-based Pages

ScrollStory : jQuery UI widget for building Simple Scroll-based Pages

A jQuery UI widget for building simple, scroll-based pages and interactions.

Key features include:

  • 100% style agnostic. Just a collection of often-used scroll-based patterns.
  • Use existing DOM, or use an array of objects to create markup.
  • 16+ jQueryUI-style events/callbacks for various application state events.
  • Focus and blur event when an individual story becomes active or inactive.
  • Items can be grouped into categories, with event dispatched as categories change.
  • Items filterable by user-specified tags.
  • Items aware of their in-viewport status.
  • Programmatically animated scroll to any item.
  • Throttled scroll events and minimal DOM usage.

jQuery UI Slider Pips

jQuery UI Slider Pips

jQuery plugin for adding little ‘pips’ , ‘floats’ and labels to a slider.

Features:

  • Adds small “pips” and “labels” to the slider
  • Extends the jQuery UI Slider widget
  • Easily Configurable
  • Works for both Horizontal and Vertical sliders
  • Doesn’t change default slider behaviour
  • Purely a visual plugin

Alpaca : Easy HTML5 Forms for jQuery

Alpaca : Easy HTML5 Forms for jQuery

Alpaca is the Easy Forms Engine for jQuery and Twitter Bootstrap.

It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic. Forms rendered with Alpaca provide intuitive interfaces for your users while giving your business an assurance of data compliance.

Alpaca comes pre-configured to work nicely with the following web frameworks:

  • jQuery
  • Twitter Bootstrap
  • jQuery UI
  • jQuery Mobile
  • Barebones (empty CSS)

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines. We ship with support for jQuery Tmpl, EJS and Handlebars. Documentation and API information is provided so that you can extend Alpaca as you see fit.

ScrollStory : jQuery UI widget for Scroll-based pages and Interactions

ScrollStory : jQuery UI widget for Scroll-based pages and Interactions

A jQuery UI widget for building simple, scroll-based pages and interactions.

Key features :

  • 100% style agnostic. Just a collection of often-used scroll-based patterns.
  • Can can you existing DOM or use an array of objects to create markup.
  • 16+ jQueryUI-style events/callbacks for various application state events.
  • Focus and blur event when an individual story becomes active or inactive.
  • Items can be grouped into categories, with event dispatched as categories change.
  • Items filterable by user-specified tags.
  • Items aware of their in-viewport status.
  • Programmatically animated scroll to any item.
  • Throttled scroll events and minimal DOM usage.

Examples :

 

Alpaca : Easy Forms for jQuery

Alpaca : Easy Forms for jQuery

Alpaca generates forms on-the-fly using JSON schema and configuration to define object models, types, properties, validation logic and layout. Alpaca generates intuitive forms while giving your business the assurance of data compliance.

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines for EJS, Handlerbars and jQuery.tmpl. API Documentation is provided so that you can extend Alpaca as you see fit.

Alpaca helps you to separate your data from your presentation. Design your forms once and have them work across different devices and UI engines without any additional coding.

jQueryUI Limitslider

jQueryUI Limitslider

jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

Features:

  • Multiple sliders.
  • Multiple ranges.
  • Allows or blocks crossing of sliders.
  • Minimum distance between sliders.
  • Minimum/maximum position for all or individual sliders.
  • Label on the sliders.
  • Titles on sliders.
  • Use all of jQueryUI’s slider functionality.

jWizard : jQuery UI Form Widget

jWizard : jQuery UI Form Widget

jWizard  is a jQuery Plugin for generating a Windows Wizard-like interface for your Web Applications.

jQuery Virtual Keyboard

jQuery Virtual Keyboard

Virtual Keyboard using jQuery UI.

Features:

  • An on-screen virtual keyboard embedded within the browser window which will popup when a specified entry field is focused.
  • The user can then type and preview their input before Accepting or Canceling.
  • Add custom keyboard layouts easily.
  • Add up to four standard key sets to each layout that use the shift and alt keys (default, shift, alt and alt-shift).
  • Add any number of optional modifier keys (meta keys) to add more key sets.
  • Each meta key set also includes the shift, alt and alt-shift keysets – New in version 1.8.9.
  • Position the keyboard in any location around the element, or target another element on the page.
  • Easily modify the key text to any language or symbol.
  • Allow direct input or lock the preview window.
  • Set a maximum length to the inputted content.


Best jQuery websites design awards