15 JavaScript Web UI Library _javascript Tips

Almost all rich Web applications are based on one or more Web UI libraries or frameworks that greatly simplify the development process and bring a consistent, reliable, and highly interactive user interface. This article introduces 15 very powerful JavaScript Web UI libraries that are ideal for rich Web applications of all sizes.

Livepipe

The Livepipe UI, based on the Prototype JavaScript framework, contains a set of rigorously tested and highly scalable UI controls that are well documented and can be degraded seamlessly in environments that do not support Javascript. Includes tabs, forms, text boxes, multiple marquee, scoring control, progress bar, scroll bar, right-click menu, and many other controls.

livepipe Home and download
Livepipe Demo and Example

UKI

UKI is a simple set of JavaScript UI tools for quickly creating desktop-style Web applications. Contains controls ranging from sliders to columns view. Developers who are familiar with JQuery will find the tool easy to use, very concise, without the need to install a framework and not rely on CSS references.

UKI Home and download
UKI Control, demo, sample

Mochaui

Mochaui is a popular extension of the MooTools Javascript framework and Explorercanvas, which can be used to quickly create Web applications, Web desktops, Web sites, trims, standalone windows,modal dialogs, and more.

mochaui Home and download
Mochaui Control, demo, sample

Source: Enterprise CMS website Content Management System official website

Sigma Ajax UI Builder

Sigmavisual is a web-based, WYSIWYG AJAX UI creation tool that contains more than 40 missing, such as Tab, dialog, tree, Timeline, and so on, based on JavaScript and PHP.

Sigma Ajax UI Builder homepage and downloads
Sigma Ajax UI Builder Control, demo and sample

Jxlib based MooTools

Jxlib is a MooTools JavaScript UI framework that contains basic space for most WEB applications, such as buttons, tabs, menus, tree structures, dialog boxes, and so on. Jxlib also supports skin-changing functions.

jxlib Home and download
jxlib controls, demonstrating and example

Dijit–the Dojo Toolkit

Dijit is based on dojo and is a good starting point for learning about Dojo extensions. Can be used to create a very nice Web 2.0 GUI. Support multiple languages, and even support the direction of writing in different languages as well as localized numbers, dates, etc.

Dijit homepage, download
Dijit Control, demo, sample

JQuery TOOLS

jquery Tools is a very lightweight (2.5kb) Common UI library that supports the following JQuery objects, Tabs, tooltips, scroll bars, layers, forms, and Flash nesting.

jQuery TOOLS Home and downloads
jQuery TOOLS Control, demo, sample

JQuery UI

The jquery UI is based on jquery, and contains 3 large categories, trims, some built-in UI objects, effects that animate various Web objects (such as explosions), and mouse interactions, such as drag-and-drop operations.

jQuery UI Home and download
jQuery UI controls, demo and example

Prototype UI

The Prototype UI is based on Prototype and Script.aculo.us, including multiple modules (Merry-go-round, Modal window, shadow, right-click menu, etc.), and each module can be installed separately.

Prototype UI home page with downloads
Prototype UI controls, demonstrating and example

Jitsu

Jitsu features include XML markup, page compilation, animation engine, Ajax, run-time detection, and so on, its AJAX features make it easy to create consumer-level WEB applications, support client-side data binding, and compile pages into Javascript,jitsu in Firefox and IE in the best operation.

Jitsu Home and download
Jitsu controls, demonstrating and example

Qutensil

Qutensil is still in development, but its roadmap has shown some compelling things, based on Prototype and scriptaculous, including messages, palettes, sliders, ToolTips, drag-and-drop windows as well as warnings, confirmations, hints and other windows.

qutensil homepage, download
Qutensil Control, demo, sample

Script.aculo.us

Script.aculo.us is a popular UI toolset, based on the Prototype framework, providing tools such as visual effects, UI controls, and DOM-oriented.

Script.aculo.us Home and download

Alloy UI

Alloyui is a rich set of UI framework, based on Yui 3, part based on Yui 2, contains a rich set of (over) UI parts, such as Picture Library, dialog box, tree structure, panel, automatic completion, button, Calendar control, tool bar and so on.

Alloy UI Home and downloads
Alloy UI controls, demonstrating and example

Iui:iphone UI Framework

IUI contains a JavaScript library, CSS style sheets and pictures, a lightweight iphone UI library that includes features such as the iphone style navigation menu, device orientation, and iphone style switching that can bring iphone-like experience to your Web apps.

IUI Home and download

Xui

Xui is a lightweight, minimalist, highly modular framework for mobile WEB applications. The reason it is very lightweight is that it only supports mobile browsers, and all Cross-browser-supported code is stripped. It is designed for first-line mobile Web browsers, such as Webkit,fennec and Opera, and is intended to provide support for mobile IE and BlackBerry in the future.

xui Home, download

Yahoo! YUI Library

Yahoo! YUI Library is the father of all Web UI, reliable, feature-rich, has been developed to the 3rd edition. It has a very large development team, the introduction of a very rich feature, in terms of functionality, unmatched.

YUI Library homepage and download
Getting Started with YUI2
Getting Started with YUI3
YUI3 controls, demonstrating and example