移动端、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库也能够上墙！