快捷導(dǎo)航

15 個(gè) JavaScript Web UI 庫(kù)

更新時(shí)間：2010年05月19日 18:35:10 作者：

本文介紹了 15 個(gè)非常強(qiáng)大的 JavaScript Web UI 庫(kù)，非常適合各種各種規(guī)模的富 Web 應(yīng)用的開(kāi)發(fā)。

幾乎所有的富 Web 應(yīng)用都基于一個(gè)或多個(gè) Web UI 庫(kù)或框架，這些 UI 庫(kù)與框架極大地簡(jiǎn)化了開(kāi)發(fā)進(jìn)程，并帶來(lái)一致，可靠，以及高度交互性的用戶界面。本文介紹了 15 個(gè)非常強(qiáng)大的 JavaScript Web UI 庫(kù)，非常適合各種各種規(guī)模的富 Web 應(yīng)用的開(kāi)發(fā)。

LivePipe

LivePipe UI 基于 Prototype Javascript 框架，包含了一整套經(jīng)嚴(yán)格測(cè)試并高度可擴(kuò)展的 UI 控件，擁有很好的文檔，在不支持 JavaScript 的環(huán)境中，可以無(wú)縫降級(jí)使用。包括 Tab, 窗體，文本框，多選框，評(píng)分控件，進(jìn)度條，滾動(dòng)條，右鍵菜單等多種控件。

LivePipe 首頁(yè)與下載
 LivePipe 演示與示例

UKI

UKI 是一套簡(jiǎn)單的 JavaScript UI 工具集，用于快速創(chuàng)建桌面風(fēng)格的 Web 應(yīng)用。包含的控件從滑動(dòng)條，到分欄視圖，不一而足。熟悉 jQuery 的開(kāi)發(fā)者會(huì)發(fā)現(xiàn)這個(gè)工具很容易上手，非常簡(jiǎn)潔，無(wú)需安裝框架，不依賴 CSS 引用。

UKI 主頁(yè)與下載
 UKI 控件，演示，示例

MochaUI

MochaUI 是 MooTools Javascript 框架與 ExplorerCanvas 的一個(gè)備受歡迎的擴(kuò)展，可以用來(lái)快速創(chuàng)建 Web 應(yīng)用，Web 桌面，網(wǎng)站，飾件，獨(dú)立 Windows，Modal 對(duì)話框等等。

MochaUI 主頁(yè)與下載
 MochaUI 控件，演示，示例

中文編譯來(lái)源：銳商企業(yè)CMS 網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站

Sigma Ajax UI Builder

SigmaVisual 是一套基于 Web 的，所見(jiàn)即所得的 AJAX UI 創(chuàng)建工具，包含超過(guò)40個(gè)不見(jiàn)，如 Tab，對(duì)話框，樹形圖，時(shí)間線等，基于 JavaScript 和 PHP。

Sigma Ajax UI Builder 主頁(yè)和下載
 Sigma Ajax UI Builder 控件，演示和示例

JxLib based MooTools

JxLib 是一個(gè)基于 MooTools 的 JavaScript UI 框架，包含多數(shù) Web 程序都需要的基本空間，如按鈕，Tab，菜單，樹形結(jié)構(gòu)，對(duì)話框等等。JxLib 還支持換膚功能。

JxLib 主頁(yè)與下載
 JxLib 控件，演示與示例

Dijit – The Dojo Toolkit

Dijit 基于 Dojo，也是學(xué)習(xí) Dojo 擴(kuò)展的一個(gè)好起點(diǎn)。可以用來(lái)創(chuàng)建非常漂亮的 Web 2.0 GUI。支持多語(yǔ)種，甚至支持不同語(yǔ)種的文字書寫方向以及本地化數(shù)字，日期等等。

Dijit 主頁(yè)，下載
 Dijit 控件，演示，示例

jQuery TOOLS

jQuery Tools 是一個(gè)非常輕量（2.5kb）的常用 UI 庫(kù)，支持以下 jQuery 對(duì)象，Tabs, 工具提示，滾動(dòng)條，層，表單以及 Flash 嵌套。

jQuery TOOLS 主頁(yè)與下載
 jQuery TOOLS 控件，演示，示例

jQuery UI

jQuery UI 基于 jQuery，包含 3 個(gè)大類，飾件，一些內(nèi)置的 UI 對(duì)象；效果，對(duì)各種網(wǎng)頁(yè)對(duì)象施加動(dòng)畫效果（如爆炸效果）；鼠標(biāo)交互，如拖放操作。

jQuery UI 首頁(yè)與下載
 jQuery UI 控件，演示與示例

Prototype UI

Prototype UI 基于 Prototype 與 Script.aculo.us，包括多個(gè)模塊（旋轉(zhuǎn)木馬，Modal 窗口，陰影，右鍵菜單等），每個(gè)模塊可以單獨(dú)安裝使用。

Prototype UI 主頁(yè)與下載
 Prototype UI 控件，演示與示例

Jitsu

Jitsu 功能包括 XML 標(biāo)記，頁(yè)面編譯，動(dòng)畫引擎，Ajax 以及運(yùn)行時(shí)檢測(cè)等等，它的 Ajax 功能使消費(fèi)級(jí) Web 應(yīng)用的創(chuàng)建變得非常簡(jiǎn)單，支持客戶端數(shù)據(jù)綁定，還可以將頁(yè)面編譯成 JavaScript，Jitsu 在 Firefox 和 IE 中運(yùn)行最佳。

Jitsu 主頁(yè)與下載
 Jitsu 控件，演示與示例

Qutensil

Qutensil 仍在開(kāi)發(fā)中，但其路線圖已經(jīng)顯示出某些引人注目的東西，基于 Prototype 與 Scriptaculous ，包含消息，調(diào)色板，滑動(dòng)條，工具提示，可拖放窗口以及警告，確認(rèn)，提示等窗口。

Qutensil 主頁(yè)，下載
 Qutensil 控件，演示，示例

Script.aculo.us

script.aculo.us 是一個(gè)備受歡迎的 UI 工具集，基于 Prototype 框架，提供了諸如視覺(jué)效果，UI 控件以及面向 DOM 的工具。

Script.aculo.us 首頁(yè)與下載

Alloy UI

AlloyUI 是一套功能豐富的 UI 框架，基于 YUI 3，部分基于 YUI 2，包含一套豐富的（超過(guò)60）UI 部件，如圖片庫(kù)，對(duì)話框，樹形結(jié)構(gòu)，面板，自動(dòng)完成，按鈕，日歷控件，工具條等。

Alloy UI 首頁(yè)和下載
 Alloy UI 控件，演示與示例

iUI: iPhone UI 框架

IUI 包含一套 JavaScript 庫(kù)，CSS 式樣表及圖片，是一個(gè)輕量級(jí) iPhone UI 庫(kù)，包含 iPhone 風(fēng)格導(dǎo)航菜單，設(shè)備方向，iPhone 風(fēng)格切換等功能，可以為你的 Web 程序帶來(lái) iPhone 般的體驗(yàn)。

iUI 主頁(yè)與下載

XUI

XUI 是一個(gè)用于移動(dòng) Web 應(yīng)用的輕量，極簡(jiǎn)，高度模塊化的框架。它之所以非常輕量的原因是，它只支持移動(dòng)瀏覽器，所有跨瀏覽器支持的代碼都被剝離。它面向一線移動(dòng) Web 瀏覽器，如 Webkit，F(xiàn)ennec 以及 Opera，并有意將來(lái)對(duì)移動(dòng) IE 和黑莓提供支持。

XUI 首頁(yè)，下載