15 个 JavaScript Web UI 库_javascript技巧

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。

LivePipe

LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。

LivePipe 首页与下载
LivePipe 演示与示例

UKI

UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。

UKI 主页与下载
UKI 控件，演示，示例

MochaUI

Prototype Javascript 框架0 是 Prototype Javascript 框架1 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。

Prototype Javascript 框架2
Prototype Javascript 框架3

Prototype Javascript 框架4

中文编译来源：Prototype Javascript 框架5 官方网站

Sigma Ajax UI Builder

Prototype Javascript 框架6 是一套基于 Web 的，所见即所得的 AJAX UI 创建工具，包含超过40个不见，如 Tab，对话框，树形图，时间线等，基于 JavaScript 和 PHP。

Prototype Javascript 框架7
Prototype Javascript 框架8

Prototype Javascript 框架9

JxLib based MooTools

LivePipe 首页与下载0 是一个基于 LivePipe 首页与下载1 的 JavaScript UI 框架，包含多数 Web 程序都需要的基本空间，如按钮，Tab，菜单，树形结构，对话框等等。JxLib 还支持换肤功能。

LivePipe 首页与下载2
LivePipe 首页与下载3

LivePipe 首页与下载4

Dijit – The Dojo Toolkit

LivePipe 首页与下载5 基于 LivePipe 首页与下载6，也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种，甚至支持不同语种的文字书写方向以及本地化数字，日期等等。

LivePipe 首页与下载7
LivePipe 首页与下载8

LivePipe 首页与下载9

jQuery TOOLS

LivePipe 演示与示例0 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 jQuery 对象，Tabs, 工具提示，滚动条，层，表单以及 Flash 嵌套。

LivePipe 演示与示例1
LivePipe 演示与示例2

LivePipe 演示与示例3

jQuery UI

LivePipe 演示与示例4 基于 jQuery，包含 3 个大类，饰件，一些内置的 UI 对象；效果，对各种网页对象施加动画效果（如爆炸效果）；鼠标交互，如拖放操作。

LivePipe 演示与示例6
LivePipe 演示与示例7

LivePipe 演示与示例8

Videoleap

Videoleap是一个一体化的视频编辑平台

139

查看详情

Prototype UI

LivePipe 演示与示例9 基于 0 与 1，包括多个模块（旋转木马，Modal 窗口，阴影，右键菜单等），每个模块可以单独安装使用。

2
3

4

Jitsu

5 功能包括 XML 标记，页面编译，动画引擎，Ajax 以及运行时检测等等，它的 Ajax 功能使消费级 Web 应用的创建变得非常简单，支持客户端数据绑定，还可以将页面编译成 JavaScript，5 在 Firefox 和 IE 中运行最佳。

7
8

9

Qutensil

UKI0 仍在开发中，但其路线图已经显示出某些引人注目的东西，基于 0 与 UKI2 ，包含消息，调色板，滑动条，工具提示，可拖放窗口以及警告，确认，提示等窗口。

UKI3
UKI4

UKI5

Script.aculo.us

UKI6 是一个备受欢迎的 UI 工具集，基于 UKI7，提供了诸如视觉效果，UI 控件以及面向 DOM 的工具。

UKI8

UKI9

Alloy UI

jQuery0 是一套功能丰富的 UI 框架，基于 YUI 3，部分基于 YUI 2，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。

jQuery1
jQuery2

jQuery3

iUI: iPhone UI 框架

jQuery4

jQuery5 包含一套 JavaScript 库，CSS 式样表及图片，是一个轻量级 iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的 Web 程序带来 iPhone 般的体验。

jQuery6

XUI

jQuery7

jQuery8 是一个用于移动 Web 应用的轻量，极简，高度模块化的框架。它之所以非常轻量的原因是，它只支持移动浏览器，所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器，如 Webkit，Fennec 以及 Opera，并有意将来对移动 IE 和黑莓提供支持。

jQuery9

Yahoo! YUI Library

UKI 主页与下载0

UKI 主页与下载1 可谓所有 Web UI 之父，可靠，功能丰富，目前已经发展到第 3 版。它拥有一个很庞大的开发团队，推出了非常丰富的功能，就功能而言，无可匹敌。

UKI 主页与下载2
UKI 主页与下载3
UKI 主页与下载4
UKI 主页与下载5