5个最优秀的微信小程序UI组件库

灰太狼 2022-04-12 10:53 200阅读 0赞

感谢作者:[一斤代码][Link 1]

开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库出来，下面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`

![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/vant-weapp][https_github.com_youzan_vant-weapp]  
npm下载：`npm i zanui-weapp`

![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][]

[Link 1]: https://www.jianshu.com/p/4182f4a18cb6
[https_github.com_Tencent_weui-wxss]: https://github.com/Tencent/weui-wxss
[Image 1]: 
[https_github.com_TalkingData_iview-weapp]: https://github.com/TalkingData/iview-weapp
[https_github.com_youzan_vant-weapp]: https://github.com/youzan/vant-weapp
[https_github.com_meili_minui]: https://github.com/meili/minui
[https_github.com_wux-weapp_wux-weapp]: https://github.com/wux-weapp/wux-weapp