基于jquery開發(fā)的UI框架有：DWZ、Ninja UI、Chico UI、PrimeUI、w2ui、jQuery UI、EasyUI、Liger UI、MiniUI、Smart UI、jwwui、jQueryTools、B-JUI等等。

推薦教程：jquery視頻教程

基于jquery開發(fā)的UI框架

1、國(guó)產(chǎn)jQuery UI框架 (jUI) DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國(guó)人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架. 設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。

2、jQuery的界面插件 Ninja UI

jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，而且還有相當(dāng)多的插件。其中的一些UI插件也相當(dāng)?shù)慕o力，比如 Ninja UI，是一款界面插件，使用它將能給你的項(xiàng)目增色不少。此插件包含有幻燈，智能提示等常見的效果。

3、jQuery的UI框架 Chico UI

和 jQuery UI 一樣，Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等諸多逐漸，同時(shí)還提供一個(gè) CSS 布局框架，用于實(shí)現(xiàn)網(wǎng)頁(yè)布局和表格。

4、jQuery UI 組件庫(kù) PrimeUI

PrimeUI 是 PrimeFaces 團(tuán)隊(duì)的一個(gè) jQuery UI 組件庫(kù)，目前包含多個(gè) UI 部件

5、Jquery的UI庫(kù) w2ui

基于Jquery的UI庫(kù)，包含常用UI組件，如：布局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。

采用Html5 + CSS3編寫，可以支持常用的瀏覽器，如：Chrome、FireFox7+、Safari 5+和IE 9+等。

6、jQuery UI組件 jQuery UI

jQueryUI 是一套 jQuery 的頁(yè)面 UI 插件，包含很多種常用的頁(yè)面空間，例如 Tabs（如本站首頁(yè)右上角部分） 、拉簾效果（本站首頁(yè)左上角）、對(duì)話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。

7、jQuery EasyUI

jQuery easyui 為網(wǎng)頁(yè)開發(fā)提供了一堆的常用UI組件，包括菜單、對(duì)話框、布局、窗簾、表格、表單等等組件，

下圖是一個(gè)具有布局效果的窗口：

8、jQuery的UI框架 Liger UI

LigerUI是基于jQuery開發(fā)的一系列控件組，包括表單、布局、表格等等常用UI控件 使用LigerUI可以快速創(chuàng)建風(fēng)格統(tǒng)一的界面效果

9、快速開發(fā)WebUI– jQuery MiniUI

jQuery MiniUI – 快速開發(fā)WebUI。包含控件：DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。典型應(yīng)用：頁(yè)面布局、CRUD、Master/Detail、數(shù)據(jù)驗(yàn)證等。

10、jQuery的UI插件 Smart UI

JQuery Smart UI是基于JQuery的Ajax開發(fā)框架，實(shí)現(xiàn)前、后臺(tái)分離、功能和數(shù)據(jù)分離，UI層全部使用htm+js+json完成，通過(guò)一個(gè)統(tǒng)一數(shù)據(jù)接口與服務(wù)端進(jìn)行數(shù)據(jù)交換。

11、基于jquery的富客戶端框架 jwwui

· jwwui是基于jQuery寫的一組html組件.使用簡(jiǎn)單,功能強(qiáng)大,樣式自由度很大,每個(gè)組件都支持自定義樣式,并且支持組件自適應(yīng)。

· 頁(yè)面運(yùn)行效率高，看起來(lái)是富客戶端但運(yùn)行速度就是輕量級(jí)網(wǎng)頁(yè)效果，本機(jī)或局域網(wǎng)內(nèi)更快。

12、jQuery的UI工具包jQueryTools

jQuery Tools 是一個(gè)當(dāng)前網(wǎng)站開發(fā)中最最常用的UI組件集合，包括：Tab、工具提示ToolTip、窗口滾動(dòng)、Overlap、Expose和Flash嵌入，jQuery Tools 只有 5.8k 大小（強(qiáng)烈推薦）。

下圖是一個(gè)跳格控制的截圖

13、B-JUI

B-JUI客戶端框架(Best jQuery UI)，是基于Bootstrap樣式及jQuery庫(kù)實(shí)現(xiàn)的Ajax RIA開源框架。
B-JUI客戶端框架擴(kuò)展方便、簡(jiǎn)單易用，很多情況下只要熟悉HTML語(yǔ)法，使用HTML屬性就可以輕松用Ajax開發(fā)項(xiàng)目。對(duì)于javascript不太熟悉的程序員是非常方便的，他們只需要關(guān)注后端業(yè)務(wù)邏輯的實(shí)現(xiàn)就行了，前端頁(yè)面上只需要簡(jiǎn)單的寫點(diǎn)HTML代碼。
　　本框架基于Bootstrap前端樣式及jQuery庫(kù)開發(fā)，提供豐富的各類組件及UI，封裝有多種組件，及相關(guān)的Ajax請(qǐng)求調(diào)用，并且都以jQuery標(biāo)準(zhǔn)插件的方式組合在一起，所以非常方便進(jìn)行二次開發(fā)或再擴(kuò)展。

14、Webix

XB 軟件公司最近發(fā)布了JavaScript UI 庫(kù)Webix ，其中包含的組件超過(guò)45個(gè)，用這些組件可以構(gòu)建跟HTML5 和 CSS3 兼容的程序，這些程序不僅能在個(gè)人電腦上運(yùn)行，還能用在iOS、 Android 和 Blackberry 設(shè)備上運(yùn)行。它能訪問(wèn)離線web存儲(chǔ)、地理位置（ geolocation） API、能在畫布上繪圖，并集成了jQuery 和 Backbone.js。