No.1 Ant Design UI 框架
官網地址：ant.design
體驗地址：xcloud.alipay.com
設計資源包：Download
Github：github.com/ant-design
解析：螞蟻金服出品，基於 ReactJS。一個服務於企業級產品的設計體系，支援桌面端、手機端。基於『確定』和『自然』的設計價值觀，通過模組化的解決方案，讓設計者專注於更好的使用者體驗。
No.2 Element UI 框架
官網地址：element.eleme.io
設計資源包：Download
Github：github.com/elemefe
解析：餓了麼出品，基於 VueJS、React、Angular。一套為開發者、設計師和產品經理準備的桌面端元件庫。
No.3 Bootstrap 框架
官網地址：getbootstrap.com
Github：github.com/twbs/bootst…
解析：Bootstrape 是經典的前端框架。主要是有很多的主題，可以看下案例展示。
No.4 ZUI H5 框架
官網地址：zui.sexy
移動端框架：zui.sexy/m
Github：github.com/easysoft/zu…
解析：一套開源 HTML5 跨屏框架，基於 Bootstrap 深度定製開源前端實踐方案，幫助你快速構建現代跨屏應用。
No.5 Muse UI 框架
官網地址：muse-ui.org
Github：github.com/museui/muse…
解析：Muse UI 基於 Vue2.0 開發，基本實現了 Material Design 設計規範類的所有元件，另外還開發許多的功能性的元件。
No.6 Foundation UI 框架
官網地址：foundation.zurb.com
案例展示：zurb.com/responsive
解析：一套靈活適配於任何裝置的框架，可以非常便捷地搭建出好看的可適配網站、Apps和郵件。資源一直在更新，並且有很多 Html 的模板能幫助你快速開始。
No.7 WePY 小程式框架
Github：github.com/Tencent/wep…
解析：一套讓小程式支援元件化開發的框架。WePY 框架在開發過程中參考了 Vue 等現有框架的一些語法風格和功能特性，對原生小程式的開發模式進行了再次封裝，熟悉 Vue 的你開發起來可以更加得心應手。
No.8Amaze H5 框架
官網地址：amazeui.org
Github：github.com/amazeui/ama…
解析：Amaze 以移動優先（Mobile first），從小屏逐步擴充套件到大屏，最終實現所有螢幕適配。相比國外框架，更關注中文排版效果；兼顧國內主流瀏覽器及 App 內建瀏覽器相容支援。
No.9 ZanUI 元件庫
官網地址：youzanyun.com/zanui
Github：github.com/youzan/vant
解析：有贊出品，支援移動、PC、小程式。可以看看它的移動端 Vue 元件庫 Vant。
No.10 ICE 元件庫
下載GUI工具：Download
Github：github.com/alibaba/ice
解析：阿里巴巴出品，基於 ReactJS。海量可複用物料，可以通過 GUI 工具快速構建中後臺應用。但據說文件有點坑！所以只推薦設計師看看元件，程式設計師暫不推薦使用！
- END -
西瓜設計研究所
網際網路創業 | UI設計 | 開發資源 | 教程
未經允許請勿轉載，煩請私信作者獲取授權
© 西瓜設計研究所