Best jQuery jQuery UI Plugins & Tutorials with Demo

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.

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

The “Tapestry5-jQuery” is an open sourced Tapestry 5 library from Atos WorldLine. It aims to make it possible to replace the Prototype/Scriptaculous JS layer of Tapestry: all its components, mixins or any other JS interactions. It also provided advanced UI component framework for easily integrating Ajax capabilities into business applications using Tapestry5

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

jQuery UI datepicker Skins in CSS3

jQuery UI datepicker in CSS3

CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete list of the available skins.

MediaSlide : jQuery UI plugin to browse media items

MediaSlide : jQuery UI plugin to browse media items

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

Features:

  • Media lists can contain thousands of items
  • Data can be loaded via JSON, XML or direct from Flickr
  • Images are only loaded as they are needed, conserving bandwidth
  • jQuery UI themes fully supported
  • API functions give you full control over the widget, so you can completely customize its look-and-feel
  • All current browsers supported
  • Completely free and opensource

jqtimeline : jQuery Timeline plugin

jqtimeline : jQuery Timeline plugin

jqtimeline is an easy to use, customizable jQuery plugin to create a timeline for a set events.

  • Simple and easy to use.
  • Can be use to create Social apps, showing blog timeline posts etc.
  • Can be easily integrated with other jQuery UI plugins.
  • Data format is json.
  • Minimum css and html markup used. So you can customize this according to your own way.
  • Dynamic : Events can be removed added on a fly.

jQuery Mobile Square-UI Theme

jQuery Mobile Square-UI Theme

jQuery Mobile Square UI Theme.

w2ui : jQuery UI Library

w2ui : jQuery UI Library

The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.

Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.

jQWidgets : Powerful UI widgets for jQuery developers

jQWidgets : Powerful UI widgets for jQuery developers

jQWidgets is faster and easy-to-use JavaScript UI SDK based on the popular jQuery library.jQWidgets delivers everything you need to build rich client UI with JavaScript, HMTL5 and jQuery. It contains more than 30 UI widgets and is one of the fastest growing JavaScript UI frameworks on the Web.

jQWidgets is ready for a wide range of touch and mobile devices. The framework automatically detects the device type, capabilities and browser version, and adjusts the internal behavior for optimal rendering and best user experience. jQWidgets is not a modified version of the jQuery UI toolkit. All widgets are designed from ground-up and based on a powerful common core.jQWidgets is built with performance in mind. It is small in size, highly modular and extensible. Individual widgets and themes can be loaded on demand to further optimize the download time and save memory.

MetTile : A Package of jQuery Metro UI Tiles

MetTile : A Package of jQuery Metro UI Tiles

MetTile is a jQuery Plugin to add different custom Metro UI Tiles on your website. This plugin automatically generate different animated tiles which are also called Live Tiles. Its a good plugin to quickly make some animated tiles on your website.

Features:

  • Supports sliding images, news ticker etc. in each Tile.
  • Supports unlimited content to animate inside each Tile.
  • Very lightweight, only 7KB of Javascript.(minified version is 4KB)
  • Control settings of each different Tiles.
  • Control appearance through CSS, so it can be restyled.
  • Specially developed for Windows 8 lovers.