推薦10款優秀的JavaScript Web UI庫 框架和套件

Web開發者發表於2014-01-18
原文網址 : http://www.admin10000.com/document/3740.html
JavaScriptWebUI框架套件

　　在進行Web開發時，並非所有的庫都適合你的專案，但真正開發的時候，你任然需要依賴一款UI框架。特別在你時間緊迫的時候，它是你忠實的朋友。 他們都是些廣泛使用包含不同語言實現的WEB UI框架。今天我就來談談這個。

　　下面我就從不同的方面，不同角度和方案列舉10款非常優秀的基於JavaScript的Web UI 庫。

　　1.  XUI：JavaScript微型框架

　　這是一個“輕量級、非常簡單、微型、超級模組化”的JavaScript框架，用於建立移動Web應用。該框架如此輕量級的原因是一些與瀏覽器相容相關的程式碼被剝離。

XUI-JavaScript-Micro-Framework

　　原始碼 + Demo

　　2.  iUI：iPhone UI 框架

　　該框架由JavaScript庫、CSS和影像構成，它是一個重量輕、小型的UI框架，用於開發UI統一的iPhone應用程式。

iUI-iPhone-User-Interface-Framework

　　原始碼 + Demo

　　3.  AlloyUI

　　這是一個功能豐富的UI框架，基於YUI 3（部分基於YUI 2）建立，包含了超過60種元件，範圍從實用程式到全面的UI部件。控制元件包括圖片廊、對話方塊、樹形檢視、皮膚、自動完成、按鈕、日曆、工具欄等。

AlloyUI

　　原始碼 + Demo

　　4.  Qutensil JavaScript Toolset

　　該工具仍處於開發狀態，但路線圖顯示了一些非常有前景的特性。它建立在Prototype和Scriptaculous庫的基礎上，幷包含了一些新的特性，如使用者訊息系統、顏色拾取器、滑塊、提示系統、拖動視窗以及提醒/確認/提示視窗系統。

Qutensil-JavaScript-Toolset

　　原始碼 + Demo

　　5.  Prototype UI

　　這是一個易於使用的JavaScript庫，它的UI元件基於Prototype和Scriptaculous庫。Prototype UI提供了一些模組，如Carousel、模態視窗、陰影和上下文選單，這些可以作為一個包來使用，也可以獨立使用。

Prototype-UI

　　原始碼 + Demo

　　6.  jQuery UI

　　該框架建立於jQuery之上，可以用來建立高度互動的Web應用。

jQuery-UI

　　原始碼 + Demo

　　7.  jQuery TOOLS

　　jQuery Tools是一個輕量級（2.5kb）框架，集合了最流行的UI元件。它為如下jQuery元素提供了庫：Tabs（標籤）、Tooltip（工具提 示）、Scrollable（滾動）、Overlay（疊加）、Forms（表單）和Flashembed等。

jQuery-TOOLS

　　原始碼 + Demo

　　8.  Dijit

　　Dijit是建立於Dojo之上的一個部件系統。如果你是Dojo的初學者，Dijit是一個很好的入門工具。通過Dijit，即使你沒有JavaScript經驗（或僅有少量經驗），你也可以建立令人吃驚的Web 2.0 圖形使用者介面。

dojo_dijit

　　原始碼 +Demo

　　9.  JxLib based MooTools

　　JxLib是一個基於MooTools的JavaScript UI框架。它提供了大多數應用程式所需要的基礎部件，如按鈕、標籤、選單、樹和對話方塊等。JxLib還採用了外觀/皮膚選擇機制，基於一系列圖片和CSS。

JxLib-based-MooTools

　　原始碼 + Demo

　　10.  Sigma Ajax UI Builder

　　SigmaVisual使用JavaScript和PHP編寫，是一個基於Web、視覺化、所見即所得的AJAX UI生成器，包含40多個常見的元件，如標籤、對話方塊、樹形網格、時間軸等。

Sigma-Ajax-UI-Builder

　　原始碼 +Demo

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

相關文章