jQuery jQuery UI Plugin & Tutorials with Example

jQuery Realtime Chat with Node.js

jQuery Realtime Chat with Node.js

A 100% Javascript realtime chat like facebook/gmail web style built with jQuery UI , Node.js and Socket.IO .The jQuery Chat plugin can be used to add a JavaScript-based chatting system to your site, allows webmasters/developers to add a fully-working chat room on top of their site.

Features:

  • Multi themes support (jquery-ui)
  • 100% javascript (client and server side)
  • Configuration file (fancy things and connecting stuff)
  • Support multiple languages
  • New message pop-up notifications
  • Multi users chat
  • Search users
  • Sounds
  • Browser support

Autocomplete Search using Wikipedia API and jQuery UI

Autocomplete Search using Wikipedia API and jQuery UI
It is nothing but normal search box where it provides suggestions in a dropdown while typing the keyword in the text box. By using Wikipedia Opensearch API and jQuery Autocomplete UI, we can easily implement this feature without writing large lines of code.

jQuery Structured Filter

jQuery Structured Filter

Structured-filter is a generic Web UI for building structured search or filter queries. With it you can build structured search queries like “Contacts where Firstname starts with ‘A’ and Birthday after 1/1/1980 and State in (CA, NY, FL)”…

It is a full jQuery UI widget, supporting various configurations and themes.

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.



Best jQuery websites design awards