15 Javascript Web UI Libraries, Frameworks and Toolkits

 

reference from http://speckyboy.com/2010/05/17/15-javascript-web-ui-libraries-frameworks-and-libraries/

 

 

 

Why not join 30,000 of our readers, by following us via our RSS Feed, on Twitter or on Facebook

218 ► Retweet

Almost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks (or toolkits) that not only greatly simplify application development, they also provide a consistent, reliable, and highly interactive User Interface. What more could you ask for?

Currently, there are a wide varied range of Web UI frameworks covering varied languages – for today we will focus on Javascript Web UIs.
Not all libraries are suited for every project, but most developers will still rely on a single UI framework, a faithful friend they will always turn to in times of need…

…so, if you are looking for a fresh UI outlook, below you will find the best 15 Javascript Web UIs, all offering, to different degrees, solutions.

LivePipe: UI Components for Prototype

LivePipe UI is a suite of widgets and controls for applications that has been built using the Prototype Javascript Framework. Each control is well tested, highly extensible, well documented and all of them will degrade gracefully for non JavaScript compatible browsers.
Available Controls: Tabs, Windows, TextArea, SelectMultiple, Rating, ProgressBar, ScrollBar and ContextMenu.

• LivePipe Homepage & Downloads »
• LivePipe Controls, Demos & Examples »

UKI – Simple UI Kit for Complex Web Apps

UKI is a simple JavaScript UI toolkit has been written in plain JavaScript, built to speed-up desktop-like web applications and comes with a rich view-component library ranging from a Slider to List and SplitPane (view the control browser below). It leverages well-known DOM and JS idioms such as CSS selectors, events and attributes. So, if you’ve ever used jQuery, learning UKI won’t take very long.
The keyword to UKI is simplicity: No frameworks to install, no dependencies to manage and no CSS to include.

• UKI Homepage & Downloads »
• UKI Controls, Demos & Examples »

MochaUI – A Web Application User Interface Library

MochaUI is a popular extension to the MooTools Javascript Framework and ExplorerCanvas, to develop quick Web Applications, Web Desktops, Web Sites, Widgets, Standalone Windows, Modal Dialogs and much more.

• MochaUI Homepage & Downloads »
• MochaUI Controls, Demos & Examples »

Sigma Ajax UI Builder

Written in Javascript and PHP, SigmaVisual is web based visual WYSIWYG AJAX UI builder that has more than 40 common components, including tabs, dialog, tree grid, time Line and so on.

• Sigma Ajax UI Builder Homepage & Downloads »
• Sigma Ajax UI Builder Controls, Demos & Examples »

JxLib based MooTools

JxLib is a JavaScript UI framework built on MooTools. It provides the basic components most applications need such as buttons, tabs, menus, trees, and dialogs, as well as a few more capabilities. JxLib also incorporates a mechanism for selecting a look and feel, or skin, based on a set of images and CSS.

• JxLib Homepage & Downloads »
• JxLib Controls, Demos & Examples »

Dijit – The Dojo Toolkit

Dijit is a widget system layered on top of Dojo. If you are new to the whole Dojo experience, Dijit is a good place to start. You can build amazing Web 2.0 GUI’s with very little, or no, JavaScript experience (although it helps).
Everything in Dijit is designed to be globally accessible – to accommodate users with different languages and cultures as well as those with different abilities. Language translations, bi-directional text, and cultural representation of things like numbers and dates are all encapsulated within the widgets.

• Dijit Homepage & Downloads »
• Dijit Controls, Demos & Examples »

jQuery TOOLS – The missing UI library for the Web

jQuery Tools is a very light weight (2.5kb) collection of the most popular user-interface components that offers functionality over load time. It provides libraries for the following jQuery elements: Tabs, Tooltip, Scrollable, Overlay, Forms and Flashembed.

• jQuery TOOLS Homepage & Downloads »
• jQuery TOOLS Controls, Demos & Examples »

jQuery UI

jQuery UI is a widget and interaction library built on top of the jQuery core that allows you to animate different elements giving you impressive front-end interactions, all with relative ease.
The UI package is basically a collection of user interface-related functions that and can be broken into 3 main modules: the widgets, which contain prebuilt and customizable user interfaces; the effects, which are very simple and straightforward animations you can do to a page element (shake it, explode it, and so on); and expanded mouse interaction with page elements (dragging and dropping).

• jQuery UI Homepage & Downloads »
• jQuery UI Controls, Demos & Examples »

Prototype UI

Prototype UI is an extensive and easy to use Javascript library of UI components based on Prototype and Script.aculo.us. Prototype UI provides such modules as Carousel, Modal window, Shadow and Context menu which can be used as one package or independently.

• Prototype UI Homepage & Downloads »
• Prototype UI Controls, Demos & Examples »

Jitsu – Rich Web Application Framework

Jitsu features an XML markup language, page compiler, animation engine, Ajax, and runtime inspector, among other things. Its implementation of Ajax makes it designer friendly, which is crucial for building consumer web applications. It’s got client-side data binding to make for rapid iterations, meaning changes are easy to achieve without having to rebuild everything from the ground up.
Other features include a compiler which converts markup to javascript, javascript runtime, cross platform library and backbutton support. Jitsu works best with Firefox and IE. It doesn’t require any particular back-end server solution.

• Jitsu Homepage & Downloads »
• Jitsu Controls, Demos & Examples »

Qutensil JavaScript Toolset

Qutensil is still under development but is showing some very promising stuff in its roadmap. It ihas been built on Prototype and Scriptaculous libraries and features a growl-like user messaging system, color picker (based on raphaël), slider, tooltip system, draggable window and alert / confirm / prompt windowing systems.

• Qutensil Homepage & Downloads »
• Qutensil Controls, Demos & Examples »

Script.aculo.us

script.aculo.us is a popular UI kit that extends the Prototype Framework by adding visual effects, user interface controls, and utilities via the DOM.

• Script.aculo.us Homepage & Downloads »

Alloy UI

AlloyUI is a feature rich UI frameworks, built on YUI 3 and to some degree on YUI 2, that comprises a wide array of components – more than 60 in all – that range from utilities to sugar layers to full-blown UI widgets. Its contols include: Image Gallery, Dialog, Treeview, Panel, AutoComplete, Button, Calendar, Toolbar… and much more.

• Alloy UI Homepage & Downloads »
• Alloy UI Controls, Demos & Examples »

iUI: iPhone User Interface Framework

IUI, consists of a JavaScript library, CSS, and images. It is a light weight and minimal UI framework for developing uniform iPhone apps. With such controls as navigational menus (iPhone-style), phone orientation changes and iPhone style on/off toggle it can give a more "iPhone-like" experience to your web apps.

• iUI Homepage & Downloads »

XUI – Javascript Micro-Framework

XUI is "a lightweight, dead simple, microtiny, super modular JavaScript framework for building mobile web applications".
The reason why XUI is so light weight is due to all of the cross browser compatibility code being stripped out and deemed non essential for mobile app development. Thus XUI.
It aims to be a framework for first class mobile device browsers such as WebKit, Fennec and Opera, with future support under consideration for IE Mobile and BlackBerry.

• XUI Homepage & Downloads »

Yahoo! YUI Library

If all of the above UI frameworks, kits and libraries don’t suit your needs, maybe you should try the Daddy of UI frameworks, the very reliable, feature rich, and very popular Yahoo! YUI Library. YUI, currently in its third edition, is a constantly updated (by its large team of developers) UI library thats choc-full of features, tools, and packs a multitude of components, utilities, modules and controls. As far as finding the most complete UI library, you would be hard pushed to find any better than YUI.

• YUI Library Homepage & Dowanloads »
• Getting Started with YUI2 »
• Getting Started with YUI3 »
• YUI3 Controls, Demos & Examples »