移动端、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

博客系列教程地址：https://segmentfault.com/a/1190000009275424

优点：前人造轮子，拿来直接用就可以

③.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库也可以上墙！