微信小程序常用UI组件库

川长思鸟来 2022-03-19 03:25 265阅读 0赞

开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库出来，下面5款就是排名比较靠前，用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你，可以关注和了解一下哦！

WeUI WXSS

WeUI WXSS是腾讯官方UI组件库WeUI的小程序版，提供了跟微信界面风格一致的用户体验。

GitHub地址：[https://github.com/Tencent/weui-wxss][https_github.com_Tencent_weui-wxss]  
npm下载：`npm i weui-wxss`

官网地址：[https://weui.io/][https_weui.io]

![Image 1][]

iView WeApp

iView是TalkingData发布的一款高质量的基于Vue.js组件库，而iView weapp则是它们的小程序版本。

GitHub地址：[https://github.com/TalkingData/iview-weapp][https_github.com_TalkingData_iview-weapp]  
npm下载：`npm i iview-weapp`

![Image 1][]

ZanUI WeApp

ZanUI WeApp是有赞移动 Web UI 规范 `ZanUI` 的小程序实现版本，结合了微信的视觉规范，为用户提供更加统一的使用感受。

现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等组件或元素。

GitHub地址：[https://github.com/youzan/zanui-weapp][https_github.com_youzan_zanui-weapp]  
npm下载：`npm i zanui-weapp`

另外，ZanUI也使用mpvue重写了zanui-weapp，实现了其中所有组件，为使用mpvue的开发者提供了方便。

GitHub地址：[https://github.com/samwang1027/mpvue-zanui][https_github.com_samwang1027_mpvue-zanui]  
npm下载：`npm i mpvue-zanui`

![Image 1][]

MinUI

MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架，各种小程序组件主流框架等，并且提供了专门的命令行工具。

GitHub地址：[https://github.com/meili/minui][https_github.com_meili_minui]

![Image 1][]

Wux WeApp

Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库，组件比较丰富，值得使用。

GitHub地址：[https://github.com/wux-weapp/wux-weapp][https_github.com_wux-weapp_wux-weapp]  
npm下载：`npm i wux-weapp`

![Image 1][]

ColorUI

ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！

其组件在美观性方面比较突出。

GitHub地址：[https://github.com/weilanwl/ColorUI][https_github.com_weilanwl_ColorUI]

![Image 1][]

链接：https://www.jianshu.com/p/4182f4a18cb6

[https_github.com_Tencent_weui-wxss]: https://github.com/Tencent/weui-wxss
[https_weui.io]: https://weui.io/
[Image 1]: 
[https_github.com_TalkingData_iview-weapp]: https://github.com/TalkingData/iview-weapp
[https_github.com_youzan_zanui-weapp]: https://github.com/youzan/zanui-weapp
[https_github.com_samwang1027_mpvue-zanui]: https://github.com/samwang1027/mpvue-zanui
[https_github.com_meili_minui]: https://github.com/meili/minui
[https_github.com_wux-weapp_wux-weapp]: https://github.com/wux-weapp/wux-weapp
[https_github.com_weilanwl_ColorUI]: https://github.com/weilanwl/ColorUI