小程序UI组件库合集——Vant、iView、ColorUI

GitHub仓库下载教程，或者关注公众号『君王羔羊』获取源代码
微信小程序UI组件库合集
推荐3个小程序开源组件库
在进行小程序开发时，经常会遇到编写组件方面的阻碍，这让我们花费大量的时间在页面以及 CSS 样式编写上。因此可以使用开源组件库，有些复杂的组件可以直接拿来使用，节省开发时间，避免重复造轮子。

Vant

github地址
由「有赞」团队维护的开源项目，目前 GitHub 上有 8057 颗 ⭐。Vant 提供了一整套 UI 基础组件和业务组件，通过 Vant 可以快速搭建出风格统一的页面，提升开发效率。除了一些常用的 UI 组件，Vant 还提供了一些适用于商城小程序的业务组件，例如省市区选择、商品卡片、商品导航等，帮助开发者快速搭建一些商城类的小程序。

iView

github地址
一套高质量的微信小程序 UI 组件库，目前 GitHub 上有 3590 颗 ⭐。与 Vant 相比，iView 的交互组件更多，更能满足一些开发者的特殊需求。另外，对新手很友好，事无巨细的文档、友好的 API 和完整的示例，几分钟就可以上手。

ColorIUI

github地址
Color UI 是一个纯 CSS 库，只需要将 CSS 引入即可，配置方便。相比于同类小程序组件库，ColorUI更注重于视觉交互！ 另外，设计非常具有现代感。组件颜色清新，动画活跃，更加注重于视觉交互。

UI组件库合集，原本是回答其他开发者问题，有哪些UI组件库，然鹅实在是太多了，就在这里做个总结。

第一款：

官方WeUI组件库，地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

预览码：

第二款：

ColorUI：地址 https://github.com/weilanwl/ColorUI

预览码：

第三款：

vantUI（又名：ZanUI）：地址 https://youzan.github.io/vant-weapp/#/intro

预览码：

第四款：

MinUI： 地址 https://meili.github.io/min/docs/minui/index.html

预览码：

第五款：

iview-weapp：地址 https://weapp.iviewui.com/docs/guide/start

预览码：

第六款：

WXRUI：地址 https://github.com/Rattenking/WXRUI

预览码：

第七款：

WuxUI：地址https://www.wuxui.com/#/introduce

预览码：

第八款：

WussUI：地址 https://phonycode.github.io/wuss-weapp/quickstart.html

预览码：

第九款：

TouchUI：地址 https://github.com/uileader/touchwx

预览码:

第十款：

Hello UniApp： 地址 https://m3w.cn/uniapp

预览码：

第十一款：

TaroUI：地址 https://taro-ui.jd.com/#/docs/introduction

预览码：

第十二款：

Thor UI： 地址 http://www.donarui.com/guide.html

预览码：

第十三款：

GUI：https://github.com/Gensp/GUI

预览码：

第十四款：

QyUI：暂无地址

预览码：

第十五款：

WxaUI：暂无地址

预览码：

第十六款：

kaiUI：

github地址 https://github.com/Chaunjie/kai-ui

组件库文档：https://chaunjie.github.io/kai-ui/index.html#/components

预览码：

第十七款：

YsUI：暂无地址

预览码：

第十八款：

BeeUI：git地址 http://ued.local.17173.com/gitlab/wxc/beeui.git

预览码：

第十九款：

AntUI： 暂无地址

预览码：

第二十款：

BleuUI：暂无地址

预览码：

第二十一款：

uniydUI：暂无地址

预览码：

第二十二款：

RovingUI：暂无地址

预览码：

第二十三款：

DojayUI：暂无地址

预览码：

第二十四款：

SkyUI：暂无地址

预览码：

第二十五款：

YuUI：暂无地址

预览码：

第二十六款：

wePyUI：暂无地址

预览码：

第二十七款：

WXDUI：暂无地址

预览码：

第二十八款：

XviewUI：暂无地址

预览码：

第二十九款：

MinaUI：暂无地址

预览码：

第三十款：

InyUI：暂无地址

预览码：

第三十一款：

easyUI：地址 https://github.com/qq865738120/easyUI

预览码:

第三十二款

Kbone-UI： 地址 https://wechat-miniprogram.github.io/kboneui/ui/#/

暂无预览码

第三十三款

VtuUi： 地址 https://github.com/jisida/VtuWeapp

预览码：

第三十四款

Lin-UI 地址：http://doc.mini.talelin.com/

预览码：

第三十五款

GraceUI 地址： http://grace.hcoder.net/ 这个是收费的哦～

预览码：

第三十六款

anna-remax-ui npm：https://www.npmjs.com/package/anna-remax-ui/v/1.0.12

预览码

第三十七款

Olympus UI 地址：暂无 网易严选出品。

预览码

第三十八款

AiYunXiaoUI 地址暂无

预览码

第三十九款

visionUI npm：https://www.npmjs.com/package/vision-ui

预览码：

第四十款

AnimaUI(灵动UI) 地址：https://github.com/AnimaUI/wechat-miniprogram

预览码：