15 JavaScript web UI libraries, frameworks and toolkits

Document directory

•  

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

 

 

 

Why not join30,000Of our readers, by following us via ourRSS Feed, OnTwitterOr onFacebook

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 cocould you ask?

Currently, there are a wide varied range of web UI frameworks covering varied ages-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 known ented and all of them will degrade gracefully for non JavaScript compatible browsers.
Available controls: Tabs, windows, textarea, selectmultiple, rating, progressbar, scrollbar and contextmenu.

•LivepipeHomepage & downloads»
•LivepipeControls, 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 keywordUkiIsSimplicity: No frameworks to install, no dependencies to manage and no CSS to include.

•UkiHomepage & downloads»
•UkiControls, demos & examples»

Mochaui-a web application user interface library

Mochaui is a popular extension to the mootools JavaScript framework and javasercanvas, to develop quick Web applications, Web extensions tops, web sites, widgets, standalone windows, modal dialogs and much more.

•MochauiHomepage & downloads»
•MochauiControls, demos & examples»

Sigma Ajax UI Builder

Written in JavaScript and PHP, sigmavisual is Web Based VisualWYSIWYG Ajax UIBuilder that has more than 40 common components, including tabs, dialog, tree grid, time line and so on.

•Sigma Ajax UI BuilderHomepage & downloads»
•Sigma Ajax UI BuilderControls, 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.

•JxlibHomepage & downloads»
•JxlibControls, 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,DijitIs 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 inDijitIs designed to be globally accessible-to accommodate users with different versions 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.

•DijitHomepage & downloads»
•DijitControls, 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 toolsHomepage & downloads»
•Jquery toolsControls, 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 APIs.
The UI package is basically a collection of user interface-related functions that and can be broken into 3 main modules:Widgets, Which contain prebuilt And customizable user interfaces;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 UIHomepage & downloads»
•Jquery UIControls, 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 UIProvides such modules as incluusel, modal window, shadow and context menu which can be used as one package or independently.

•Prototype UIHomepage & downloads»
•Prototype UIControls, 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 particle back-end server solution.

•JitsuHomepage & downloads»
•JitsuControls, 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 processing wing systems.

•QutensilHomepage & downloads»
•QutensilControls, 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. UsHomepage & 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 UIHomepage & downloads»
•Alloy UIControls, 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.

•IUIHomepage & 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.

•XuiHomepage & downloads»

Yahoo! Yui Library

If all of the above UI frameworks, kits and libraries don't suit your needs, maybe you shoshould 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 wocould be hard pushed to find any betterYui.

•Yui LibraryHomepage & dowanloads»
• Getting startedYui2»
• Getting startedYui3»
•Yui3Controls, demos & examples»