推荐常用的移动端、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

优点：PC+MOBILE一套就够了

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

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

③.iView UI

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

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

优点：样式好看，坑不算多，有自己的生态，比较稳定，同一作者写的后台iView-admin

@iview-admin

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

在线演示地址：https://admin.iviewui.com

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

优点：蘑菇街团队开发维护，样式中规中矩

缺点：组件现在也不算太多