當下流行的UI框架

移動端UI框架

1- Flutter

• Flutter 是谷歌的移動端 UI 框架，可在極短的時間內構建 Android 和 iOS 上高質量的原生級應用。 Flutter 可與現有代碼一塊兒工做, 它被世界各地的開發者和組織使用, 而且 Flutter 是免費和開源的.

2- Mint UI

• 地址: 點擊打開連接 ( gitHub 14.4k )
• Mint UI是 餓了麼團隊開發基於vue .js的移動端UI框架，它包含豐富的 CSS 和 JS 組件，可以知足平常的移動端開發須要。

3- cube-ui

• 滴滴 WebApp 團隊 實現的 基於 Vue.js 實現的精緻移動端組件庫

4- WeUI

• WeUI 和 FrozenUI 都屬於比較專注的框架，WeUI 比 FrozenUI 更專注，話說連個官網都不搞，全部答疑都在 gitHub Issues 解決了，這個框架極其簡單，體積固然就不用說了，模塊也就 7 個左右

5- Mui

• 最接近原生APP體驗的高性能前端框架

6- amaze UI

• Amaze UI 是「基於社區開源項目構建的一個跨屏前端框架，以移動優先，從小屏到大屏，最終實現全部屏幕適配，適應移動互聯潮流」。但其實我就是看中它能解決國內瀏覽器存在的跨屏適配和兼容性問題。

7- ionic

• ionic 是一個強大的 HTML5 應用程序開發框架(HTML5 Hybrid Mobile App Framework )。 能夠幫助您使用 Web 技術，好比 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程序。

8- AUI

• AUI是爲APICloud而打造的一個單純UI框架，體積小，方便用戶擴展和自由組合，擺脫繁瑣的html標籤佈局。

9- Frozen UI

• 這套框架開源，欣喜若狂耐不住內心的寂寞直接上手試了一遍，初體驗感受基礎樣式效果簡單色調清爽，有個比較活躍的社區因此組件什麼的也比較豐富。

10- SUI

• 「SUI 是一套基於 bootstrap 開發的前端組件庫，同時它也是一套設計規範。經過 SUI，能夠很是方便的設計和實現精美的頁面」。果真仍是直接引用官方給的枯燥無味廣告要節省本身的腦細胞 (囧…)，固然了就像廣告說的，若是你以前用過 Bootstrap，那麼能夠輕鬆轉向 SUI，這可能就是淘寶給前端屌絲們的福利了。

11-

• 一隻注重審美，且性能高效的移動端&微信UI。採用 flexbox 佈局，因低版本安卓及部分特殊瀏覽器不兼容flex-basis、flex-wrap、inline-flex屬性，YDUI 將採起其餘解決方案
• 基於jQuery,zepto

pc端UI框架

1- ElementUI

• 地址: 點擊打開連接 ( gitHub 38.2k )
• Element是餓了麼前端開源維護的Vue UI組件庫,組件齊全，基本涵蓋後臺所需的全部組件

2- bootstrap

• 地址: 點擊打開連接 ( gitHub 134k )
• 描述：簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單, 響應式佈局首選。

3- iView UI

• 地址: 點擊打開連接 ( gitHub 21.6k )
• iview ui是一個強大的ui庫基於vue，有不少實用的基礎組件比elementui的組件更豐富，主要服務於 PC 界面的中後臺產品。

4- at-ui

• • 地址: 點擊打開連接
• at-ui 是一款阿里團隊建立的基於 Vue 2.x 的前端 UI 組件庫，主要用於快速開發 PC 網站產品。

5- Pure

• 地址: 點擊打開連接 ( gitHub 19.9k )
• 描述: 美國雅虎公司出品的一組輕量級、響應式純css模塊，適用於任何Web項目。

6- EasyUI

• 地址: 點擊打開連接
• 描述：easyui是一種基於jQuery的用戶界面插件集合。適用於各大流行框架(vue, react, angular, mobile)

1. easyui爲建立現代化，互動，JavaScript應用程序，提供必要的功能。
2. 使用easyui你不須要寫不少代碼，你只須要經過編寫一些簡單HTML標記，就能夠定義用戶界面。
3. easyui是個完美支持Html5網頁的完整框架。
4. easyui節省您網頁開發的時間和規模。
5. easyui很簡單但功能強大的。
複製代碼

7- Ant Design

• 地址: 點擊打開連接 ( gitHub 47.3k )
• 描述：一個 UI 設計語言，一套提煉和應用於企業級後臺產品的交互語言和視覺體系

8- layui

• 地址: 點擊打開連接 ( gitHub 18.3k )
• layui是一款採用自身模塊規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用

前端框架

CSS庫

Normalize.css

• 地址: 點擊打開連接 ( gitHub 35.2K )
• 描述:

1. Normalize.css 保護了有價值的默認值
2. Normalize.css 修復了瀏覽器的bug
3. Normalize.css 不會讓你的調試工具變的雜亂
4. Normalize.css 是模塊化的
5. Normalize.css 擁有詳細的文檔
複製代碼

可視化

Echarts

• 描述：ECharts，一個純 Javascript 的圖表庫，能夠流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的 Canvas 類庫ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。

前端構建工具

博客搭建

• 技術組合
• HEXO+Github,搭建屬於本身的博客。
• 站點：點擊打開連接
• HEXO介紹：Hexo是一個開源的靜態博客生成器,用node.js開發,做者是臺灣大學生tommy351 準備：git + node.js + markdown編輯 + gitcafe + 域名