移動端、PC端（先後臺）、小程序經常使用的UI框架

1.移動端UI庫

①.Vant UI

官方地址： https://youzan.github.io/vant/#/zh-CN/intro

github地址： https://github.com/youzan/vant

優勢：用來作移動端商城很不錯，支持定製主題，社區還算活躍

②.Mint UI

官方地址：http://mint-ui.github.io/#!/zh-cn

github地址：https://github.com/ElemeFE/mint-ui/

優勢：餓了麼團隊製做，組件比較豐富

缺點：已經好久沒人維護，也沒人接盤了

③.Muse UI

官方地址：https://muse-ui.org/#/zh-CN/usage

github地址：https://github.com/museui/muse-ui

優勢：PC+MOBILE一套就夠了

④.Nut UI

官方地址：https://nutui.jd.com/#/start

github地址：https://github.com/jdf2e/nutui

優勢：京東團隊製做，質量有保障

缺點：組件不是很豐富，須要踩坑。

2.PC端前、後臺UI庫

①.Element UI

官方地址：http://element-cn.eleme.io/#/zh-CN/component/installation

github地址：https://github.com/ElemeFE/element

優勢：團隊給力，社區活躍，組件豐富

②.vue-element-admin

演示地址：https://panjiachen.github.io/vue-element-admin/

github地址：https://github.com/PanJiaChen/vue-element-admin

博客系列教程地址：http://www.javashuo.com/article/p-mpmoojmm-gt.html

優勢：前人造輪子，拿來直接用就能夠

③.iView UI

官方地址：https://www.iviewui.com/docs/guide/install

github地址：https://github.com/iview/iview

優勢：樣式好看，坑不算多，有本身的生態，比較穩定，同一做者寫的後臺iView-admin

3.小程序UI庫

①.iView Weapp

官方地址：https://weapp.iviewui.com/docs/guide/start

github地址：https://github.com/TalkingData/iview-weapp

優勢：總體包結構比較小，樣式比較美觀

缺點：暫不支持npm安裝

②.Wux Weapp

官方地址：https://wux-weapp.github.io/wux-weapp-docs/#/quickstart

github地址：https://github.com/wux-weapp/wux-weapp/

優缺點同iView Weapp

③.Wuss Weapp

官方地址：https://phonycode.github.io/wuss-weapp/quickstart.html

github地址：https://github.com/phonycode/wuss-weapp

優勢：支持npm安裝，組件較豐富

④.Color UI

官方地址：https://www.color-ui.com/

github地址：https://github.com/weilanwl/ColorUI

優勢：樣式超級超級超級好看啊，不信他不火

缺點：文檔還在編寫中，組件目前不是很豐富

⑤.Vant Weapp

官方地址：https://youzan.github.io/vant-weapp/#/intro

github地址：https://github.com/youzan/vant-weapp

優勢：支持npm安裝，組件豐富，合適作商城類小程序

⑥.MinUI

官方地址：https://meili.github.io/min/docs/minui/index.html

github地址：https://github.com/meili/min-cli

優勢：蘑菇街團隊開發維護，樣式中規中矩

缺點：組件如今也不算太多

 

非結語：UI組件庫的使用，不只要看樣式展示，更要看庫的維護和生態，前人的輪子有時候也不必定適合項目，去嘗試造輪子會發現一個不一樣的世界。

結語：不定時更新，不足之處或者有其餘優秀的UI庫能夠留言私信我，本身喜歡的UI庫也能夠上牆！