摘要：簡(jiǎn)潔直觀強(qiáng)悍的前端開(kāi)發(fā)框架，讓開(kāi)發(fā)更迅速簡(jiǎn)單。是一套基于的前端框架。首個(gè)版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。

2017-1209 ZanUI (Vue)

2017-1218 Onsen UI(Vue, React, Angular)

2017-1215 增加 Vuetify, Weex UI, Semantic UI React,element-react, element-angular,NG-ZORRO

2017-1214 增加 Mint UI

2017-1211 增加 Layui, UIkit

2017-1206 增加 cube-ui, Amaze ui React

2018-0824 增加 Ant Design of Vue

2018-0930 增加 Wired Elements

除了老牌構(gòu)建于jQuery框架之上的UI外, 新銳UI派系：

基于Vue: ELementUI, iViewui

基于React: AntDesign, Amaze UI React

來(lái)自：騰訊

WeUI 是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì)，令用戶(hù)的使用感知更加統(tǒng)一。
詳情

來(lái)自：阿里

SUI Mobile 是一套基于 Framework7 開(kāi)發(fā)的UI庫(kù)。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開(kāi)發(fā)跨平臺(tái)Web App。輕量的UI庫(kù)
SUI Mobile 非常輕量，核心庫(kù)壓縮Gzip后的JS、CSS網(wǎng)絡(luò)傳輸體積總共只有52K，卻提供了20+個(gè)常用的組件。詳情

中國(guó)首個(gè)開(kāi)源 HTML5 跨屏前端框架 詳情

Amaze UI 以移動(dòng)優(yōu)先（Mobile first）為理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動(dòng)互聯(lián)潮流。

Amaze UI 含近 20 個(gè) CSS 組件、20 余 JS 組件，更有多個(gè)包含不同主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁(yè)面，大幅提升開(kāi)發(fā)效率。

相比國(guó)外框架，Amaze UI 關(guān)注中文排版，根據(jù)用戶(hù)代理調(diào)整字體，實(shí)現(xiàn)更好的中文排版效果；兼顧國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。

Amaze UI 面向 HTML5 開(kāi)發(fā)，使用 CSS3 來(lái)做動(dòng)畫(huà)交互，平滑、高效，更適合移動(dòng)設(shè)備，讓 Web 應(yīng)用更快速載入。

jQuery移動(dòng)是一個(gè)基于html5的用戶(hù)界面系統(tǒng),為響應(yīng)web站點(diǎn)和應(yīng)用程序都可以訪問(wèn)所有的智能手機(jī),平板電腦和桌面設(shè)備而設(shè)計(jì)。詳情

Framework7 是一個(gè)開(kāi)源免費(fèi)的框架可以用來(lái)開(kāi)發(fā)混合移動(dòng)應(yīng)用（原生和HTML混合）或者開(kāi)發(fā) iOS & Android 風(fēng)格的WEB APP。也可以用來(lái)作為原型開(kāi)發(fā)工具，可以迅速創(chuàng)建一個(gè)應(yīng)用的原型。詳情

Framework7 最主要的功能是可以使用HTML、CSS和JS來(lái)開(kāi)發(fā)iOS7應(yīng)用。Framework7 是完全免費(fèi)開(kāi)源的。

Framework7 并不能兼容所有的設(shè)備。她只專(zhuān)注于為 iOS 和 Google Material 設(shè)計(jì)提供最好的體驗(yàn)。

如果你想開(kāi)發(fā) iOS 或者 Android 混合應(yīng)用（Phonegap）或者你想開(kāi)發(fā) iOS 和 Google Material 風(fēng)格的WEB APP，那么Framework7將會(huì)是你的首選。

cube-ui 是由滴滴開(kāi)源的基于 Vue.js 實(shí)現(xiàn)的移動(dòng)端組件庫(kù)。 詳情

● 質(zhì)量可靠：由滴滴內(nèi)部組件庫(kù)精簡(jiǎn)提煉而來(lái)，歷經(jīng)考驗(yàn)，并且每個(gè)組件都有充分單元測(cè)試，為后續(xù)集成提供保障。
● 體驗(yàn)極致：以迅速響應(yīng)、動(dòng)畫(huà)流暢、接近原生為目標(biāo)，在交互體驗(yàn)方面追求極致。
● 標(biāo)準(zhǔn)規(guī)范：遵循統(tǒng)一的設(shè)計(jì)交互標(biāo)準(zhǔn)，高度還原設(shè)計(jì)效果；接口標(biāo)準(zhǔn)化，統(tǒng)一規(guī)范使用方式，開(kāi)發(fā)更加簡(jiǎn)單高效。
● 擴(kuò)展性強(qiáng)：支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開(kāi)發(fā)。

基于 Vue.js 的移動(dòng)端組件庫(kù) 詳情

一個(gè)基于 Weex 的富交互、輕量級(jí)、高性能的 UI 組件庫(kù) 詳情

最偏亮高效的開(kāi)發(fā)HTML5應(yīng)用和WEB apps, 支持angular, vue ,react, 詳情

easyui是一種基于jQuery的用戶(hù)界面插件集合。easyui為創(chuàng)建現(xiàn)代化，互動(dòng)，JavaScript應(yīng)用程序，提供必要的功能。詳情

使用easyui你不需要寫(xiě)很多代碼，你只需要通過(guò)編寫(xiě)一些簡(jiǎn)單HTML標(biāo)記，就可以定義用戶(hù)界面。

easyui是個(gè)完美支持HTML5網(wǎng)頁(yè)的完整框架。

easyui節(jié)省您網(wǎng)頁(yè)開(kāi)發(fā)的時(shí)間和規(guī)模。

easyui很簡(jiǎn)單但功能強(qiáng)大的。

簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架，讓web開(kāi)發(fā)更迅速、簡(jiǎn)單。詳情

jQuery UI 是建立在 jQuery JavaScript 庫(kù)上的一組用戶(hù)界面交互、特效、小部件及主題。無(wú)論您是創(chuàng)建高度交互的 Web 應(yīng)用程序還是僅僅向窗體控件添加一個(gè)日期選擇器，jQuery UI 都是一個(gè)完美的選擇。
jQuery UI 包含了許多維持狀態(tài)的小部件（Widget），因此，它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您學(xué)會(huì)使用其中一個(gè)，您就知道如何使用其他的小部件（Widget）。詳情

SUI 是一套基于bootstrap開(kāi)發(fā)的前端組件庫(kù)，同時(shí)她也是一套設(shè)計(jì)規(guī)范。
通過(guò)SUI，可以非常方便的設(shè)計(jì)和實(shí)現(xiàn)精美的頁(yè)面。詳情

一個(gè)基于 Bootstrap 深度定制開(kāi)源前端實(shí)踐方案，幫助你快速構(gòu)建現(xiàn)代跨屏應(yīng)用。詳情

HTML5 跨終端響應(yīng)式前端界面框架詳情

Semantic UI 是一款語(yǔ)義化設(shè)計(jì)的前端開(kāi)源框架，其功能強(qiáng)大，使用簡(jiǎn)單，為設(shè)計(jì)師和開(kāi)發(fā)師提供可復(fù)用的完美設(shè)計(jì)方案。詳情

基于谷歌material design設(shè)計(jì)的框架詳情

Element由餓了嗎團(tuán)隊(duì)開(kāi)源，一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的組件庫(kù)，提供了配套設(shè)計(jì)資源，幫助你的網(wǎng)站快速成型。詳情

一套基于 Vue.js 的高質(zhì)量 UI 組件庫(kù) 詳情

一套企業(yè)級(jí)的 UI 設(shè)計(jì)語(yǔ)言和 React 實(shí)現(xiàn)。
https://ant.design/index-cn

提煉自企業(yè)級(jí)中后臺(tái)產(chǎn)品的交互語(yǔ)言和視覺(jué)風(fēng)格。

開(kāi)箱即用的高質(zhì)量 React 組件。

使用 TypeScript 構(gòu)建，提供完整的類(lèi)型定義文件。

基于 npm + webpack + dva 的企業(yè)級(jí)開(kāi)發(fā)框架。

MDUI 是一套基于 Material Design 的前端框架。輕量級(jí)、多主題切換、響應(yīng)式、無(wú)依賴(lài)。
http://www.mdui.org/

基于 React.js 開(kāi)發(fā)的 Web 組件庫(kù) 詳情

layui（諧音：類(lèi)UI) 是一款采用自身模塊規(guī)范編寫(xiě)的前端 UI 框架，遵循原生 HTML/CSS/JS 的書(shū)寫(xiě)與組織形式，門(mén)檻極低，拿來(lái)即用。其外在極簡(jiǎn)，卻又不失飽滿(mǎn)的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開(kāi)發(fā)。layui 首個(gè)版本發(fā)布于2016年金秋，她區(qū)別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準(zhǔn)確地說(shuō)，她更多是為服務(wù)端程序員量身定做，你無(wú)需涉足各種前端工具的復(fù)雜配置，只需面對(duì)瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來(lái)。 詳情

輕量級(jí)模塊化前端框架 詳情

基于vue2的material風(fēng)格組件化框架 詳情

The official Semantic-UI-React integration. detail

jQuery Free

Declarative API

Augmentation

Shorthand Props

Sub Components

Auto Controlled State

element ui的react版本 詳情

element ui的react版本 詳情

這里是 Ant Design 的 Angular^5.0.0 實(shí)現(xiàn)，開(kāi)發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。 詳情

這里是 Ant Design 3.X 的 Vue 實(shí)現(xiàn)，開(kāi)發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。

官網(wǎng)：https://vuecomponent.github.i...

github repo: https://github.com/vueCompone...

Wired Elements是一種可愛(ài)的手繪風(fēng)格的UI庫(kù)。

官網(wǎng) https://wiredjs.com/

這種手繪風(fēng)格的網(wǎng)站十分少見(jiàn)，但是不妨看看dev.to, dev.to的網(wǎng)站，ui風(fēng)格也是比較可愛(ài)的手繪風(fēng)格

Vant ( ?v?nt ) 是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù)，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。 詳情

48+ 個(gè)經(jīng)過(guò)有贊線上業(yè)務(wù)檢驗(yàn)的組件

單測(cè)覆蓋率超過(guò) 90%

完善詳實(shí)的 中英文文檔

專(zhuān)門(mén)的設(shè)計(jì)師團(tuán)隊(duì)維護(hù)視覺(jué)規(guī)范，統(tǒng)一而優(yōu)雅

支持 babel-plugin-import

支持 TypeScript

掃碼訂閱我的微信公眾號(hào)：洞香春天。每天一篇技術(shù)短文，讓知識(shí)不再高冷。