推荐微信小程序常用的几个UI组件库

1.WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

GitHub 地址:https://github.com/Tencent/weui
效果:https://weui.io
开发文档参考:https://github.com/Tencent/weui/wiki

weiui.webp

2.Vant Weapp

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

GitHub 地址:https://github.com/youzan/vant-weapp
开发文档参考:https://youzan.github.io/vant-weapp/#/intro

Vant Weapp

3.iView Weapp

iView Weapp是由 TalkingData 发布的组件库,一套高质量的微信小程序 UI 组件库。

GitHub 地址:https://github.com/TalkingData/iview-weapp
开发文档:https://weapp.iviewui.com/docs/guide/start

iView Weapp

4.ColorUI

鲜亮的高饱和色彩,专注视觉的小程序组件库

GitHub 地址:https://github.com/weilanwl/ColorUI
开发文档参考(编辑中):https://www.color-ui.com

ColorUI

5.Wux Weapp

UI 样式可配置,拓展灵活,轻松适应不同的设计风格

60+ 丰富的组件,能够满足移动端开发的基本需求

GitHub 地址:https://github.com/wux-weapp/wux-weapp
开发文档:https://wux-weapp.github.io/wux-weapp-docs/#/introduce

Wux Weapp

6.TaroUI

Taro 是由 京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。

GitHub 地址:https://github.com/NervJS/taro-ui
开发文档:https://taro-ui.aotu.io/#/docs/introduction

TaroUI

7.MinUI

MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等。

GitHub 地址:https://github.com/meili/min-cli
开发文档:https://meili.github.io/min/docs/minui/index.html#README

MinUI