15 Javascript Web UI Libraries, Frameworks and Toolkits

转载 2010年05月24日 10:53:00


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



Create a free website


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 »

Controls Browser

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 »

Controls/Example Browser

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 »

Control Browser

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 »

Control Browser

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 »

Control Browser

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 »

Control Browser

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 »

Control Browser

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 »

Demos, Examples and Controls

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 »

Demos, Examples and Controls

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 »

Demos, Examples and Controls

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 »

Demos, Examples and Controls


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 »

Demos, Examples and Controls

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 »

Demos, Examples and Controls

iUI: iPhone User Interface Framework

iUI: iPhone User Interface FrameworkIUI, 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 - Javascript Micro-FrameworkXUI 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

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 »


Toolkits and Frameworks

Classes of Software Three broad classes of software: Application ProgramsToolkitsFrameworks A...
  • playStudy
  • playStudy
  • 2012年08月06日 10:23
  • 552

Erlang Web Libraries & Frameworks

转载:http://lenary.co.uk/erlang/2011/08/erlang-web-libraries/ I'll try to keep this updated as mo...
  • zhangxinrun
  • zhangxinrun
  • 2012年07月23日 19:32
  • 971

高德地图导航demo(QuickStart)在iOS8.4运行报错libz.tbd(unexpected file type 'file' in Frameworks & Libraries buil

demo在在iOS9运行正常,但在iOS8.4中运行报错。 报错详情:Warning: skipping file '/Applications/Xcode 2.app/Contents...
  • liuya000
  • liuya000
  • 2015年12月07日 12:36
  • 916


Reason: image not found。错误原因为加载framework失败。如果直接搜索image not found,得到的解决办法无非就是在build phases中将*.framewo...
  • Roffa
  • Roffa
  • 2017年03月30日 10:41
  • 328

Deep Machine Learning libraries and frameworks

Deep Machine Learning libraries and frameworks At the end of 2015, all eyes were on the year’s ac...
  • Real_Myth
  • Real_Myth
  • 2016年01月06日 19:54
  • 610

使用pod install发生的错误:[!] The 'XXX' target has frameworks with conflicting names: ummo

场景描述: 今天在使用cocoapods的时候,发生了如下错误: [!] The 'XXX' target has frameworks with conflicting names: ummob...
  • jinrui_w
  • jinrui_w
  • 2017年03月03日 12:21
  • 3022

[!] The 'Pods-PUClient' target has frameworks with conflicting names: UMMobClick.

最近使用cocospod update 提示 [!] The 'Pods-PUClient' target has frameworks with conflicting names: UMMobCl...
  • lhy412484577
  • lhy412484577
  • 2016年12月28日 13:42
  • 3511

怎么区别框架(frameworks)与类库(class libraries)

  • wangjian5748
  • wangjian5748
  • 2006年02月16日 18:06
  • 1710

国内外最全面和主流的JS框架与WEB UI库(强烈推荐)

国内外最全面和主流的JS框架与WEB UI库... 当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境...
  • luxiaoyu_sdc
  • luxiaoyu_sdc
  • 2011年09月14日 09:43
  • 6779

How to create, develop, and distribute iOS Static Frameworks quickly and efficiently

Building a static iOS framework is a pain in the ass. There are a variety of existing solutionsalrea...
  • 2014年01月05日 00:35
  • 3088
您举报文章:15 Javascript Web UI Libraries, Frameworks and Toolkits