摘要：簡潔直觀強(qiáng)悍的前端開發(fā)框架，讓開發(fā)更迅速簡單。是一套基于的前端框架。首個版本發(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

來自：騰訊

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

來自：阿里

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

中國首個開源 HTML5 跨屏前端框架 詳情

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

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

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

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

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

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

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

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

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

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

● 質(zhì)量可靠：由滴滴內(nèi)部組件庫精簡提煉而來，歷經(jīng)考驗(yàn)，并且每個組件都有充分單元測試，為后續(xù)集成提供保障。
● 體驗(yàn)極致：以迅速響應(yīng)、動畫流暢、接近原生為目標(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ī)范使用方式，開發(fā)更加簡單高效。
● 擴(kuò)展性強(qiáng)：支持按需引入和后編譯，輕量靈活；擴(kuò)展性強(qiáng)，可以方便地基于現(xiàn)有組件實(shí)現(xiàn)二次開發(fā)。

基于 Vue.js 的移動端組件庫 詳情

一個基于 Weex 的富交互、輕量級、高性能的 UI 組件庫 詳情

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

輕量級模塊化前端框架 詳情

基于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)，開發(fā)和服務(wù)于企業(yè)級后臺產(chǎn)品。 詳情

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

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

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

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

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

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

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

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

單測覆蓋率超過 90%

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

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

支持 babel-plugin-import

支持 TypeScript

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