No.1? Ant Design UI 框架
官網(wǎng)地址:ant.design
體驗地址:xcloud.alipay.com
設(shè)計資源包:Download
Github:github.com/ant-design
解析:螞蟻金服出品馍忽,基于 ReactJS。一個服務(wù)于企業(yè)級產(chǎn)品的設(shè)計體系燕差,支持桌面端遭笋、手機端⊥教剑基于『確定』和『自然』的設(shè)計價值觀瓦呼,通過模塊化的解決方案,讓設(shè)計者專注于更好的用戶體驗测暗。
No.2? Element UI 框架?
官網(wǎng)地址:element.eleme.io
設(shè)計資源包:Download
Github:github.com/elemefe
解析:餓了么出品央串,基于 VueJS、React碗啄、Angular质和。一套為開發(fā)者、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的桌面端組件庫稚字。
No.3? Bootstrap 框架
官網(wǎng)地址:getbootstrap.com
Github:github.com/twbs/bootstrap
解析:Bootstrape 是經(jīng)典的前端框架饲宿。主要是有很多的主題,可以看下案例展示尉共。
No.4? ZUI H5 框架
官網(wǎng)地址:zui.sexy?
移動端框架:zui.sexy/m
Github:github.com/easysoft/zui
解析:一套開源 HTML5 跨屏框架褒傅,基于 Bootstrap 深度定制開源前端實踐方案,幫助你快速構(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ā)殿托,基本實現(xiàn)了 Material Design 設(shè)計規(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)格和功能特性馒吴,對原生小程序的開發(fā)模式進行了再次封裝,熟悉 Vue 的你開發(fā)起來可以更加得心應(yīng)手。
No.8Amaze H5 框架
官網(wǎng)地址:amazeui.org
Github:github.com/amazeui/amazeui
解析:Amaze 以移動優(yōu)先(Mobile first)饮戳,從小屏逐步擴展到大屏豪治,最終實現(xiàn)所有屏幕適配。相比國外框架扯罐,更關(guān)注中文排版效果负拟;兼顧國內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。
No.9? ZanUI 組件庫
官網(wǎng)地址:youzanyun.com/zanui
Github:github.com/youzan/vant
解析:有贊出品歹河,支持移動掩浙、PC、小程序秸歧〕Γ可以看看它的移動端 Vue 組件庫 Vant。
No.10? ICE 組件庫
官網(wǎng)地址:alibaba.github.io/ice
體驗地址:alibaba.github.io/ice/#/block
下載GUI工具:Download
Github:github.com/alibaba/ice
解析:阿里巴巴出品寥茫,基于?ReactJS遣蚀。海量可復(fù)用物料,可以通過 GUI 工具快速構(gòu)建中后臺應(yīng)用纱耻。但據(jù)說文檔有點坑芭梯!所以只推薦設(shè)計師看看組件,程序員暫不推薦使用弄喘!
-? END -?
西瓜設(shè)計研究所
互聯(lián)網(wǎng)創(chuàng)業(yè) | UI設(shè)計 | 開發(fā)資源 | 教程
未經(jīng)允許請勿轉(zhuǎn)載玖喘,煩請私信作者獲取授權(quán)
? 西瓜設(shè)計研究所