/ uileader / touchuiwx

TouchUI-WX是一个完全免费的微信小程序开发框架，其中包含大量的UI控件以补充官方组件并扩展小程序许多其他功能。

功能：

1.构建扩展

添加了30多种常用组件以补充官方组件。

2、功能扩展

与Ali的iconfont图标库兼容，可以随意使用大量矢量图标；补充了通用样式库，支持较少的语法，支持全局配置主题颜色等。

3、改进开发经验

将四文件方法更改为单文件方法，通过VSCode编辑器+插件方法开发，并且具有Web开发经验；

4、小程序转换为H5应用

它可以与H5开发框架TouchUI项目相互转换并发布为webApp。开发一套代码并拥有两套应用程序。

2.lin-ui

/ TaleLin / lin-ui

简洁，易于使用且灵活的微信小程序组件库。

3.WeUI

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

您可以直接在weui.io /

上查看UI效果

WeUI易于使用，样式微信是一种本地样式，以绿色为主要颜色。有两个主要版本，1. x版本和2.x版本。与1. x版本相比，2.x版本在视觉上更好。

样式与微信的视觉体验一致。在开发过程中，我们需要更丰富，更漂亮的UI效果，还需要修改WeUI样式或自定义CSS。

4.iview weapp

iView是TalkingData发布的高质量Vue.js组件库，而iView weapp是其小程序版本。

官方网站地址：iView Weapp-一组高质量的微信小程序 UI组件库

优点：提供了大量的UI组件，尤其是tabBar，Tab，抽屉和索引索引，使用起来更加方便。

缺点：页面样式是相对固定的，很难修改。输入框通常无法在模拟器下输入，这给应用程序调试带来了麻烦。

5.ColorUI

/ weilanwl / ColorUI

明亮和高度饱和的颜色，小程序组件库专注于视觉。

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

这些组件在美学方面都很出色。

开发文档参考（正在编辑）：

优点：视觉效果很漂亮，请注意，他可以将样式沉浸在手机顶部，这很好，其他组件也很好，可以根据自己的喜好直接修改或覆盖他的css样式满足您的需求。

缺点：缺乏文档，许多新手无法入门。在扫描代码预览期间，最近的广告经常出现，这会影响使用。开发人员也想付出一点。每个人都知道，如果愿意，您可以通过广告来支持开发人员，而且开源也不容易。

6.Vant Weapp

/ youzan / vant-weapp

Vant Weapp是Youzan移动组件库Vant的小程序版本。两者均基于相同的视觉规范，并提供一致的API接口，以帮助开发人员快速构建小程序应用程序。

开发文档参考：youzan.github.io/vant-weapp /＃/ intro

优点：视觉效果简单明了，提供了日常开发中使用的组件，文档非常详细。

缺点：与其他UI框架相比，该阈值更高。它要求知道vue并且不支持本机开发的开发人员。由于我对vue不太熟悉，因此不建议使用它。我对vue的建议比较熟悉。

7.TaroUI

NervJS / taro-ui

TaroUI是JD·Bump Lab发布的多终端UI组件库。这组组件库可适合在H5、微信小程序，支付宝小程序和百度小程序上运行。 TaroUI的整体风格简单，新鲜且统一，适用于工具，阅读，信息，教育，商务和其他类型小程序。

开发文档：taro-ui.aotu.io /＃/ docs / introduction

除上述组件外，TaroUI还具有几个特殊组件。在“表单”中有一个“范围选择器”，它允许您通过滑块指定值的范围。在“高级组件”中，您可以显示“日历”，并支持各种日期选择样式。

8个优点：Taro UI可以被描述为功能强大且用途广泛，并且可以开发一组代码以在微信小程序 / H5 /百度小程序和其他多端改编版本上运行。

缺点：入门门槛很高，不适合新手开发人员。相对而言，用户数量不够大，并且在开发过程中很难对问题进行故障排除。它仅用于微信小程序的开发，使用时太小了，因此请使用屠宰刀！

8.WuxUI

这组组件库包含最丰富的组件。在Wux中不仅可以找到我们上面提到的各种组件，还可以找到实用程序组件，例如进度环，框架屏幕，过滤器栏，数字键盘和结果页。如果要开发工具类小程序，Wux是一个不错的选择。

开发文档：wux-weapp.github.io/wux-weapp-docs /＃/ introduce

9.MinUI

meili / min-cli

MinUI是Mogujie发布的组件库。与其他组件库不同，MinUI更注重某些细节的处理。

开发文档：meili.github.io/min/docs/minui/index.html#README

在“基本组件”中调用“文本截断”以控制长文本的显示行数。如果文本太长，请以省略号结尾。 “底部提示”可用于上拉和加载过程。 “价格”提供了各种样式的价格和货币符号。

与其他组件库相比，MinUI将各种组件拆分为更多细节。在实际使用时，开发人员需要重新组合每个组件，但是MinUI因此更具通用性。

结论

如果您有推荐的开源小程序UI框架，也可以推荐！继续更新...

这些UI组件库具有自己的优势，并且适合于不同的小程序类型。 Vant适合电子商务，TaroUI和Wux适合工具，Mogujie的MinUI当然更适合社区。

Bryant：Github出色的小程序开源项目摘要