移动端、PC端(前后台)、小程序常用的UI框架
移动端、PC端(前后台)、小程序常用的UI框架
1.移动端UI库
①.Vant UI
②.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
优缺点同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库也可以上墙!