本文盘点15款强大的JavaScript Web UI库,涵盖jQuery、Prototype、MooTools等主流框架。从轻量级的iUI、XUI到功能丰富的YUI、AlloyUI,详细解析各库在控件支持、交互效果及兼容性方面的特点,助力开发者根据项目需求选择合适的UI解决方案。
绝大多数富交互Web应用都依赖于一个或多个Web UI库或框架。这些工具极大简化了开发流程,并提供了一致、可靠且高度交互的用户界面体验。本文精选了15款功能强大的JavaScript Web UI库,适用于不同规模的富Web应用开发场景。
LivePipe
LivePipe UI基于Prototype JavaScript框架,提供了一套经过严格测试且高度可扩展的UI控件。它拥有完善的文档支持,并在不支持JavaScript的环境中实现无缝降级。该库包含标签页(Tab)、表单、文本框、复选框、评分控件、进度条、滚动条及右键菜单等多种组件。
LivePipe 首页与下载 LivePipe 演示与示例

UKI
UKI是一套轻量级的JavaScript UI工具集,旨在快速构建桌面风格的Web应用。它提供了从滑动条到分栏视图等多种控件。对于熟悉jQuery的开发者而言,UKI上手简单,代码简洁,无需安装额外框架,也不依赖CSS引用。
UKI 主页与下载 UKI 控件,演示,示例

MochaUI
MochaUI是MooTools JavaScript框架与ExplorerCanvas的一个广受欢迎的扩展。它可用于快速创建Web应用、Web桌面、网站小部件、独立Windows窗口以及模态对话框等。
MochaUI 主页与下载 MochaUI 控件,演示,示例

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站
Sigma Ajax UI Builder
SigmaVisual是一套基于Web的所见即所得AJAX UI创建工具,包含超过40个组件,如标签页、对话框、树形图和 timelines 等。该工具基于JavaScript和PHP构建。
Sigma Ajax UI Builder 主页和下载 Sigma Ajax UI Builder 控件,演示和示例

JxLib based MooTools
JxLib是一个基于MooTools的JavaScript UI框架,涵盖了大多数Web程序所需的基本控件,如按钮、标签页、菜单、树形结构和对话框等。JxLib还支持主题换肤功能。
JxLib 主页与下载 JxLib 控件,演示与示例

Dijit – The Dojo Toolkit
Dijit基于Dojo,也是学习Dojo扩展的良好起点。它可以用于创建精美的Web 2.0图形用户界面。Dijit支持多语言,包括不同语言的文字书写方向以及本地化的数字和日期格式。
Dijit 主页,下载 Dijit 控件,演示,示例

jQuery TOOLS
jQuery Tools是一个非常轻量(仅2.5kb)的常用UI库,支持以下jQuery对象:标签页(Tabs)、工具提示、滚动条、图层、表单以及Flash嵌套。
jQuery TOOLS 主页与下载 jQuery TOOLS 控件,演示,示例

jQuery UI
jQuery UI基于jQuery,主要包含三大类功能:小部件(饰件)和内置UI对象;效果(如爆炸动画等网页对象动画);以及鼠标交互(如拖放操作)。
jQuery UI 首页与下载 jQuery UI 控件,演示与示例

Prototype UI
Prototype UI基于Prototype与Script.aculo.us,包含多个独立模块,如旋转木马、模态窗口、阴影效果和右键菜单等。每个模块均可单独安装和使用。
Prototype UI 主页与下载 Prototype UI 控件,演示与示例

Jitsu
Jitsu的功能包括XML标记、页面编译、动画引擎、Ajax以及运行时检测等。其Ajax功能使得消费级Web应用的创建变得简单,支持客户端数据绑定,并可将页面编译为JavaScript。Jitsu在Firefox和IE浏览器中运行效果最佳。
Jitsu 主页与下载 Jitsu 控件,演示与示例

Qutensil
Qutensil仍处于开发阶段,但其路线图展示了令人瞩目的潜力。该库基于Prototype与Scriptaculous,包含消息、调色板、滑动条、工具提示、可拖放窗口以及警告、确认和提示等窗口组件。
Qutensil 主页,下载 Qutensil 控件,演示,示例

Script.aculo.us
Script.aculo.us是一个广受欢迎的UI工具集,基于Prototype框架,提供了视觉效果、UI控件以及面向DOM的工具。
Script.aculo.us 首页与下载

Alloy UI
AlloyUI是一套功能丰富的UI框架,基于YUI 3,部分基于YUI 2。它包含超过60种UI部件,如图片库、对话框、树形结构、面板、自动完成、按钮、日历控件和工具条等。
Alloy UI 首页和下载 Alloy UI 控件,演示与示例

iUI: iPhone UI 框架

iUI包含一套JavaScript库、CSS样式表及图片,是一个轻量级的iPhone UI库。它提供iPhone风格的导航菜单、设备方向检测和切换功能,能为Web程序带来接近原生的iPhone体验。
iUI 主页与下载
XUI

XUI是一个用于移动Web应用的轻量、极简且高度模块化的框架。其轻量化的原因在于它仅支持移动浏览器,剥离了所有跨浏览器兼容代码。XUI面向Webkit、Fennec及Opera等一线移动浏览器,并计划未来支持移动IE和黑莓。
XUI 首页,下载
Yahoo! YUI Library

Yahoo! YUI Library被誉为Web UI领域的先驱,以其可靠性和丰富的功能著称,目前已发展至第3版。它拥有庞大的开发团队,提供了极其丰富的功能,在功能丰富度方面无可匹敌。
YUI Library 主页与下载 YUI2 入门 YUI3 入门 YUI3 控件,演示与示例