資源 | 10套好用的前端框架、設(shè)計(jì)組件庫(kù)推薦
Web、Mobile、和小程序。
No.1 Ant Design UI 框架
官網(wǎng)地址：ant.design
體驗(yàn)地址：xcloud.alipay.com
設(shè)計(jì)資源包：Download
Github：github.com/ant-design
解析：螞蟻金服出品，基于 ReactJS。一個(gè)服務(wù)于企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)體系，支持桌面端、手機(jī)端。基于『確定』和『自然』的設(shè)計(jì)價(jià)值觀，通過模塊化的解決方案，讓設(shè)計(jì)者專注于更好的用戶體驗(yàn)。
No.2 Element UI 框架
官網(wǎng)地址：element.eleme.io
設(shè)計(jì)資源包：Download
Github：github.com/elemefe
解析：餓了么出品，基于 VueJS、React、Angular。一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的桌面端組件庫(kù)。
No.3 Bootstrap 框架
官網(wǎng)地址：getbootstrap.com
Github：github.com/twbs/bootstrap
解析：Bootstrape 是經(jīng)典的前端框架。主要是有很多的主題，可以看下案例展示。
No.4 ZUI H5 框架
官網(wǎng)地址：zui.sexy
移動(dòng)端框架：zui.sexy/m
Github：github.com/easysoft/zui
解析：一套開源 HTML5 跨屏框架，基于 Bootstrap 深度定制開源前端實(shí)踐方案，幫助你快速構(gòu)建現(xiàn)代跨屏應(yīng)用。
No.5 Muse UI 框架
官網(wǎng)地址：muse-ui.org
Github：github.com/museui/muse-ui
解析：Muse UI 基于 Vue2.0 開發(fā)，基本實(shí)現(xiàn)了 Material Design 設(shè)計(jì)規(guī)范類的所有組件，另外還開發(fā)許多的功能性的組件。
No.6 Foundation UI 框架
官網(wǎng)地址：foundation.zurb.com
案例展示：zurb.com/responsive
解析：一套靈活適配于任何設(shè)備的框架，可以非常便捷地搭建出好看的可適配網(wǎng)站、Apps和郵件。資源一直在更新，并且有很多 Html 的模板能幫助你快速開始。
No.7 WePY 小程序框架
官網(wǎng)地址：tencent.github.io/wepy
Github：github.com/Tencent/wepy
解析：一套讓小程序支持組件化開發(fā)的框架。WePY 框架在開發(fā)過程中參考了 Vue 等現(xiàn)有框架的一些語法風(fēng)格和功能特性，對(duì)原生小程序的開發(fā)模式進(jìn)行了再次封裝，熟悉 Vue 的你開發(fā)起來可以更加得心應(yīng)手。
No.8Amaze H5 框架
官網(wǎng)地址：amazeui.org
Github：github.com/amazeui/amazeui
解析：Amaze 以移動(dòng)優(yōu)先（Mobile first），從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配。相比國(guó)外框架，更關(guān)注中文排版效果；兼顧國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。
No.9 ZanUI 組件庫(kù)
官網(wǎng)地址：youzanyun.com/zanui
Github：github.com/youzan/vant
解析：有贊出品，支持移動(dòng)、PC、小程序?？梢钥纯此囊苿?dòng)端 Vue 組件庫(kù) Vant。
No.10 ICE 組件庫(kù)
官網(wǎng)地址：alibaba.github.io/ice
體驗(yàn)地址：alibaba.github.io/ice/#/block
下載GUI工具：Download
Github：github.com/alibaba/ice
解析：阿里巴巴出品，基于 ReactJS。海量可復(fù)用物料，可以通過 GUI 工具快速構(gòu)建中后臺(tái)應(yīng)用。但據(jù)說文檔有點(diǎn)坑！所以只推薦設(shè)計(jì)師看看組件，程序員暫不推薦使用！
- END -
西瓜設(shè)計(jì)研究所
互聯(lián)網(wǎng)創(chuàng)業(yè) | UI設(shè)計(jì) | 開發(fā)資源 | 教程
未經(jīng)允許請(qǐng)勿轉(zhuǎn)載，煩請(qǐng)私信作者獲取授權(quán)
? 西瓜設(shè)計(jì)研究所
