推荐10款优秀的JavaScript Web UI库 框架和套件

在进行Web开发时，并非所有的库都适合你的项目，但真正开发的时候，你任然需要依赖一款UI框架。特别在你时间紧迫的时候，它是你忠实的朋友。 他们都是些广泛使用包含不同语言实现的WEB UI框架。今天我就来谈谈这个。

　　下面我就从不同的方面，不同角度和方案列举10款非常优秀的基于JavaScript的Web UI 库。

　　1.  XUI：JavaScript微型框架

　　这是一个“轻量级、非常简单、微型、超级模块化”的JavaScript框架，用于创建移动Web应用。该框架如此轻量级的原因是一些与浏览器兼容相关的代码被剥离。

　　源码 + Demo

　　2.  iUI：iPhone UI 框架

　　该框架由JavaScript库、CSS和图像构成，它是一个重量轻、小型的UI框架，用于开发UI统一的iPhone应用程序。

　　源码 + Demo

　　3.  AlloyUI

　　这是一个功能丰富的UI框架，基于YUI 3（部分基于YUI 2）创建，包含了超过60种组件，范围从实用程序到全面的UI部件。控件包括图片廊、对话框、树形视图、面板、自动完成、按钮、日历、工具栏等。

　　源码 + Demo

　　4.  Qutensil JavaScript Toolset

　　该工具仍处于开发状态，但路线图显示了一些非常有前景的特性。它建立在Prototype和Scriptaculous库的基础上，并包含了一些新的特性，如用户消息系统、颜色拾取器、滑块、提示系统、拖动窗口以及提醒/确认/提示窗口系统。

　　源码 + Demo

　　5.  Prototype UI

　　这是一个易于使用的JavaScript库，它的UI组件基于Prototype和Scriptaculous库。Prototype UI提供了一些模块，如Carousel、模态窗口、阴影和上下文菜单，这些可以作为一个包来使用，也可以独立使用。

　　源码 + Demo

　　6.  jQuery UI

　　该框架建立于jQuery之上，可以用来创建高度交互的Web应用。

　　源码 + Demo

　　7.  jQuery TOOLS

　　jQuery Tools是一个轻量级（2.5kb）框架，集合了最流行的UI组件。它为如下jQuery元素提供了库：Tabs（标签）、Tooltip（工具提 示）、Scrollable（滚动）、Overlay（叠加）、Forms（表单）和Flashembed等。

　　源码 + Demo

　　8.  Dijit

　　Dijit是建立于Dojo之上的一个部件系统。如果你是Dojo的初学者，Dijit是一个很好的入门工具。通过Dijit，即使你没有JavaScript经验（或仅有少量经验），你也可以创建令人吃惊的Web 2.0 图形用户界面。

　　源码 +Demo

　　9.  JxLib based MooTools

　　JxLib是一个基于MooTools的JavaScript UI框架。它提供了大多数应用程序所需要的基础部件，如按钮、标签、菜单、树和对话框等。JxLib还采用了外观/皮肤选择机制，基于一系列图片和CSS。

　　源码 + Demo

　　10.  Sigma Ajax UI Builder

　　SigmaVisual使用JavaScript和PHP编写，是一个基于Web、可视化、所见即所得的AJAX UI生成器，包含40多个常见的组件，如标签、对话框、树形网格、时间轴等。

　　源码 +Demo

　　英文原文： 10 JavaScript Web UI Libraries, Frameworks and Toolkits    by Sam Deering

出处：http://www.admin10000.com/document/3740.html