資源 | 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ì)研究所





































