几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。 [h1]LivePipe[/h1] [url=http://livepipe.net/]LivePipe UI[/url] 基于 [url=http://www.prototypejs.org/]Prototype Javascript 框架[/url]，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。 [url=http://livepipe.net/][b]LivePipe[/b] 首页与下载[/url] [url=http://livepipe.net/control#rating][b]LivePipe[/b] 演示与示例[/url] [url=http://livepipe.net/control#rating][img]http://files.jb51.net/upload/201005/20100519183144199.jpg[/img] [/url]   [h1]UKI[/h1] [url=http://ukijs.org/]UKI[/url] 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 [url=http://jquery.com/]jQuery[/url] 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。 [url=http://ukijs.org/][b]UKI[/b] 主页与下载[/url] [url=http://ukijs.org/examples/][b]UKI[/b] 控件，演示，示例[/url] [url=http://ukijs.org/examples/][img]http://files.jb51.net/upload/201005/20100519183145522.jpg[/img] [/url]   [h1]MochaUI[/h1] [url=http://mochaui.com/]MochaUI[/url] 是 [url=http://mootools.net/]MooTools Javascript 框架[/url] 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。 [url=http://mochaui.com/][b]MochaUI[/b] 主页与下载[/url] [url=http://mochaui.com/demo/][b]MochaUI[/b] 控件，演示，示例[/url] [url=http://mochaui.com/demo/][img]http://files.jb51.net/upload/201005/20100519183146164.jpg[/img] [/url] 中文编译来源：[url=http://www.comsharp.com/][b]锐商企业CMS[/b] 网站内容管理系统[/url] 官方网站 [h1]Sigma Ajax UI Builder[/h1] [url=http://sourceforge.net/projects/ajaxuibuilder/]SigmaVisual[/url] 是一套基于 Web 的，所见即所得的 AJAX UI 创建工具，包含超过40个不见，如 Tab，对话框，树形图，时间线等，基于 JavaScript 和 PHP。 [url=http://sourceforge.net/projects/ajaxuibuilder/][b]Sigma Ajax UI Builder[/b] 主页和下载[/url] [url=http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html][b]Sigma Ajax UI Builder[/b] 控件，演示和示例[/url] [url=http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html][img]http://files.jb51.net/upload/201005/20100519183146349.jpg[/img] [/url]   [h1]JxLib based MooTools[/h1] [url=http://jxlib.org/]JxLib[/url] 是一个基于 [url=http://mootools.net/]MooTools[/url] 的 JavaScript UI 框架，包含多数 Web 程序都需要的基本空间，如按钮，Tab，菜单，树形结构，对话框等等。JxLib 还支持换肤功能。 [url=http://jxlib.org/][b]JxLib[/b] 主页与下载[/url] [url=http://jxlib.org/][b]JxLib[/b] 控件，演示与示例[/url] [url=http://jxlib.org/][img]http://files.jb51.net/upload/201005/20100519183147358.jpg[/img] [/url]   [h1]Dijit – The Dojo Toolkit[/h1] [url=http://dojotoolkit.org/reference-guide/dijit/index.html]Dijit[/url] 基于 [url=http://www.dojotoolkit.org/]Dojo[/url]，也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种，甚至支持不同语种的文字书写方向以及本地化数字，日期等等。 [url=http://dojotoolkit.org/reference-guide/dijit/index.html][b]Dijit[/b] 主页，下载[/url] [url=http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html][b]Dijit[/b] 控件，演示，示例[/url] [url=http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html][img]http://files.jb51.net/upload/201005/20100519183147449.jpg[/img] [/url]   [h1]jQuery TOOLS[/h1] [url=http://flowplayer.org/tools/index.html]jQuery Tools[/url] 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 jQuery 对象，Tabs, 工具提示，滚动条，层，表单以及 Flash 嵌套。 [url=http://flowplayer.org/tools/index.html][b]jQuery TOOLS[/b] 主页与下载[/url] [url=http://flowplayer.org/tools/demos/index.html][b]jQuery TOOLS[/b] 控件，演示，示例[/url] [url=http://flowplayer.org/tools/demos/index.html][img]http://files.jb51.net/upload/201005/20100519183147518.jpg[/img] [/url]   [h1]jQuery UI[/h1] [url=http://jqueryui.com/home]jQuery UI[/url] 基于 [url=http://jquery.com/]jQuery[/url]，包含 3 个大类，饰件，一些内置的 UI 对象；效果，对各种网页对象施加动画效果（如爆炸效果）；鼠标交互，如拖放操作。 [url=http://jqueryui.com/home][b]jQuery UI[/b] 首页与下载[/url] [url=http://jqueryui.com/demos/][b]jQuery UI[/b] 控件，演示与示例[/url] [url=http://jqueryui.com/demos/][img]http://files.jb51.net/upload/201005/20100519183148537.jpg[/img] [/url]   [h1]Prototype UI[/h1] [url=http://www.prototype-ui.com/]Prototype UI[/url] 基于 [url=http://www.prototypejs.org/]Prototype[/url] 与 [url=http://script.aculo.us/]Script.aculo.us[/url]，包括多个模块（旋转木马，Modal 窗口，阴影，右键菜单等），每个模块可以单独安装使用。 [url=http://www.prototype-ui.com/][b]Prototype UI[/b] 主页与下载[/url] [url=http://docs.prototype-ui.com/rc0/Window][b]Prototype UI[/b] 控件，演示与示例[/url] [url=http://docs.prototype-ui.com/rc0/Window][img]http://files.jb51.net/upload/201005/20100519183148546.jpg[/img] [/url]   [h1]Jitsu[/h1] [url=http://www.jitsu.org/jitsu/index.html]Jitsu[/url] 功能包括 XML 标记，页面编译，动画引擎，Ajax 以及运行时检测等等，它的 Ajax 功能使消费级 Web 应用的创建变得非常简单，支持客户端数据绑定，还可以将页面编译成 JavaScript，[url=http://www.jitsu.org/jitsu/index.html]Jitsu[/url] 在 Firefox 和 IE 中运行最佳。 [url=http://www.jitsu.org/jitsu/index.html][b]Jitsu[/b] 主页与下载[/url] [url=http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html][b]Jitsu[/b] 控件，演示与示例[/url] [url=http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html][img]http://files.jb51.net/upload/201005/20100519183149773.jpg[/img] [/url]   [h1]Qutensil[/h1] [url=http://qutensil.com/]Qutensil[/url] 仍在开发中，但其路线图已经显示出某些引人注目的东西，基于 [url=http://www.prototypejs.org/]Prototype[/url] 与 [url=http://script.aculo.us/]Scriptaculous[/url] ，包含消息，调色板，滑动条，工具提示，可拖放窗口以及警告，确认，提示等窗口。 [url=http://qutensil.com/][b]Qutensil[/b] 主页，下载[/url] [url=http://qutensil.com/pages/modules][b]Qutensil[/b] 控件，演示，示例[/url] [url=http://qutensil.com/pages/modules][img]http://files.jb51.net/upload/201005/20100519183152821.jpg[/img] [/url]   [h1]Script.aculo.us[/h1] [url=http://script.aculo.us/]script.aculo.us[/url] 是一个备受欢迎的 UI 工具集，基于 [url=http://www.prototypejs.org/]Prototype 框架[/url]，提供了诸如视觉效果，UI 控件以及面向 DOM 的工具。 [url=http://script.aculo.us/][b]Script.aculo.us[/b] 首页与下载[/url] [url=http://wiki.github.com/madrobby/scriptaculous/demos][img]http://files.jb51.net/upload/201005/20100519183153365.jpg[/img] [/url] [h1]Alloy UI[/h1] [url=http://alloy.liferay.com/]AlloyUI[/url] 是一套功能丰富的 UI 框架，基于 YUI 3，部分基于 YUI 2，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。 [url=http://alloy.liferay.com/][b]Alloy UI[/b] 首页和下载[/url] [url=http://alloy.liferay.com/demos.php][b]Alloy UI[/b] 控件，演示与示例[/url] [url=http://alloy.liferay.com/demos.php][img]http://files.jb51.net/upload/201005/20100519183154558.jpg[/img] [/url]   [h1]iUI: iPhone UI 框架[/h1] [url=http://code.google.com/p/iui/][img]http://files.jb51.net/upload/201005/20100519183155304.jpg[/img] [/url] [url=http://code.google.com/p/iui/]IUI[/url] 包含一套 JavaScript 库，CSS 式样表及图片，是一个轻量级 iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的 Web 程序带来 iPhone 般的体验。 [url=http://code.google.com/p/iui/][b]iUI[/b] 主页与下载[/url] [h1]XUI[/h1] [url=http://xuijs.com/][img]http://files.jb51.net/upload/201005/20100519183156191.jpg[/img] [/url] [url=http://xuijs.com/]XUI[/url] 是一个用于移动 Web 应用的轻量，极简，高度模块化的框架。它之所以非常轻量的原因是，它只支持移动浏览器，所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器，如 Webkit，Fennec 以及 Opera，并有意将来对移动 IE 和黑莓提供支持。 [url=http://xuijs.com/][b]XUI[/b] 首页，下载[/url] [h1]Yahoo! YUI Library[/h1] [url=http://developer.yahoo.com/yui/][img]http://files.jb51.net/upload/201005/20100519183156884.jpg[/img] [/url] [url=http://developer.yahoo.com/yui/]Yahoo! YUI Library[/url] 可谓所有 Web UI 之父，可靠，功能丰富，目前已经发展到第 3 版。它拥有一个很庞大的开发团队，推出了非常丰富的功能，就功能而言，无可匹敌。 [url=http://developer.yahoo.com/yui/][b]YUI Library[/b] 主页与下载[/url] [url=http://developer.yahoo.com/yui/2/][b]YUI2 入门[/b][/url] [url=http://developer.yahoo.com/yui/3/][b]YUI3 入门[/b][/url] [url=http://developer.yahoo.com/yui/3/][b]YUI3[/b] 控件，演示与示例[/url]