UI大全：前端UI框架集合（持續更新，當前32個）

時間 2019-11-06

標籤大全前端框架集合持續更新當前欄目快樂工作简体版

原文原文鏈接

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

除了老牌構建於jQuery框架之上的UI外, 新銳UI派系：css

基於Vue: ELementUI, iViewui
基於React: AntDesign, Amaze UI React

1 移動端

1.1 WeUI

來自：騰訊html

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。
詳情

1.2 SUI Mobile

來自：阿里前端

SUI Mobile 是一套基於 Framework7 開發的UI庫。它很是輕量、精美，只須要引入咱們的CDN文件就可使用，而且能兼容到 iOS 6.0+ 和 Android 4.0+，很是適合開發跨平臺Web App。輕量的UI庫
SUI Mobile 很是輕量，核心庫壓縮Gzip後的JS、CSS網絡傳輸體積總共只有52K，卻提供了20+個經常使用的組件。詳情

1.3 Amaze ~ 妹子 UI

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

Amaze UI 以移動優先（Mobile first）爲理念，從小屏逐步擴展到大屏，最終實現全部屏幕適配，適應移動互聯潮流。
Amaze UI 含近 20 個 CSS 組件、20 餘 JS 組件，更有多個包含不一樣主題的 Web 組件，可快速構建界面出色、體驗優秀的跨屏頁面，大幅提高開發效率。
相比國外框架，Amaze UI 關注中文排版，根據用戶代理調整字體，實現更好的中文排版效果；兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。
Amaze UI 面向 HTML5 開發，使用 CSS3 來作動畫交互，平滑、高效，更適合移動設備，讓 Web 應用更快速載入。

1.4 jQuery mobile

jQuery移動是一個基於html5的用戶界面系統,爲響應web站點和應用程序均可以訪問全部的智能手機,平板電腦和桌面設備而設計。詳情

1.5 Framework7

Framework7 是一個開源免費的框架能夠用來開發混合移動應用（原生和HTML混合）或者開發 iOS & Android 風格的WEB APP。也能夠用來做爲原型開發工具，能夠迅速建立一個應用的原型。詳情

Framework7 最主要的功能是可使用HTML、CSS和JS來開發iOS7應用。Framework7 是徹底免費開源的。
Framework7 並不能兼容全部的設備。她只專一於爲 iOS 和 Google Material 設計提供最好的體驗。
若是你想開發 iOS 或者 Android 混合應用（Phonegap）或者你想開發 iOS 和 Google Material 風格的WEB APP，那麼Framework7將會是你的首選。

1.6 cube-ui（Vue）

cube-ui 是由滴滴開源的基於 Vue.js 實現的移動端組件庫。 詳情vue

● 質量可靠：由滴滴內部組件庫精簡提煉而來，歷經考驗，而且每一個組件都有充分單元測試，爲後續集成提供保障。
● 體驗極致：以迅速響應、動畫流暢、接近原生爲目標，在交互體驗方面追求極致。
● 標準規範：遵循統一的設計交互標準，高度還原設計效果；接口標準化，統一規範使用方式，開發更加簡單高效。
● 擴展性強：支持按需引入和後編譯，輕量靈活；擴展性強，能夠方便地基於現有組件實現二次開發。html5

1.7 Mint UI (Vue)

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

1.8 Weex UI (Vue)

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

1.9 Onsen UI(Vue, React, Angular)

最偏亮高效的開發HTML5應用和WEB apps, 支持angular, vue ,react, 詳情webpack

2 PC端

2.1 EasyUI

easyui是一種基於jQuery的用戶界面插件集合。easyui爲建立現代化，互動，JavaScript應用程序，提供必要的功能。詳情

使用easyui你不須要寫不少代碼，你只須要經過編寫一些簡單HTML標記，就能夠定義用戶界面。
easyui是個完美支持HTML5網頁的完整框架。
easyui節省您網頁開發的時間和規模。
easyui很簡單但功能強大的。

2.2 Bootstrap

簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。詳情

2.3 jQuery UI

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

2.4 SUI

SUI 是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規範。
經過SUI，能夠很是方便的設計和實現精美的頁面。詳情

2.5 ZUI

一個基於 Bootstrap 深度定製開源前端實踐方案，幫助你快速構建現代跨屏應用。詳情

2.6 Plane UI

HTML5 跨終端響應式前端界面框架詳情

2.7 Semantic UI

Semantic UI 是一款語義化設計的前端開源框架，其功能強大，使用簡單，爲設計師和開發師提供可複用的完美設計方案。詳情

2.8 materialize

基於谷歌material design設計的框架詳情

2.9 ElementUI （Vue）

Element由餓了嗎團隊開源，一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫，提供了配套設計資源，幫助你的網站快速成型。詳情git

2.10 iviewui （Vue）

一套基於 Vue.js 的高質量 UI 組件庫詳情程序員

2.11 ANT DESIGN (React)

一套企業級的 UI 設計語言和 React 實現。
https://ant.design/index-cn

提煉自企業級中後臺產品的交互語言和視覺風格。
開箱即用的高質量 React 組件。
使用 TypeScript 構建，提供完整的類型定義文件。
基於 npm + webpack + dva 的企業級開發框架。

2.12 MDUI

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

2.13 Amaze UI React (React)

基於 React.js 開發的 Web 組件庫 詳情

2.14 Layui

layui（諧音：類UI) 是一款採用自身模塊規範編寫的前端 UI 框架， 遵循原生 HTML/CSS/JS 的書寫與組織形式， 門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在， 體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都通過精心雕琢，很是適合界面的快速開發。layui 首個版本發佈於2016年金秋，她區別於那些基於 MVVM 底層的 UI 框架，卻並不是逆道而行，而是信奉返璞歸真之道。準確地說，她更可能是爲服務端程序員量身定作，你無需涉足各類前端工具的複雜配置，只需面對瀏覽器自己，讓一切你所須要的元素與交互，從這裏信手拈來。詳情