WeUI

  WeUI是微信官方设计团队为微信Web开发量身打造的一个UI样式库，可以理解为一种类似于Bootstrap的前端UI库。使用WeUI来编写小程序的样式，可以使小程序中的各种组件的设计风格与微信极为相似，给用户更加一致的体验。
  WeUI是一个样式库，核心文件是 weui.css，可以在代码托管平台GitHub中获取该文件的最新版本。WeUI项目地址为 https://github.com/Tencent/weui-wxss。将项目下载后，在 dist/style 目录中可以获取到 weui.wxss 文件。开发文档：https://wechat-miniprogram.github.io/weui/docs/#weui%E7%BB%84%E4%BB%B6%E5%BA%93%E7%AE%80%E4%BB%8B。
  若要在自己的项目中引入 WeUI，可以将 weui.css 文件放入到项目的style目录中，然后在 app.wxss 文件中引入 weui.wxss 文件，具体代码如下。

@import 'style/weui.wxss';

在将 weui.wxss 样式引入后，就可以使用 weui.wxss 中提供的各种 class 为页面中的组件设置样式了。
扫描下方小程序码可以预览该组件库。

 
 

 
 

 
 

ColorUI

  ColorUI 是一个 Css 类的 UI 组件库！！！不是一个 Js 框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。
  使用 ColorUI 的关键是引入 Css ：main.css、icon.css。（在 /Colorui-UniApp/colorui 文件夹中）

@import "colorui/main.css";
@import "colorui/icon.css";

  ColorUI 项目地址为 https://github.com/weilanwl/ColorUI。开发文档地址为 http://docs.xzeu.com/#/info/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98

扫描下方小程序码可以预览该组件库。

 
 

 
 

 
 

LinUI

  Lin UI 是一套基于 微信小程序原生语法 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。
  Lin UI 与前两个组件不同的是 Lin UI 是通过自定义组件的形式使用的，无需引入 CSS 代码，而是使用组件引入。
  Lin UI 项目地址为 https://gitee.com/talelin/lin-ui。开发文档地址为 https://doc.mini.talelin.com/。

扫描下方小程序码可以预览该组件库。

 
 

 
 

 
 

echarts-for-weixin

  项目是 Apache ECharts (incubating) 的微信小程序版本，以及使用的示例。开发者可以通过熟悉的 ECharts 配置方式，快速开发图表，满足各种可视化需求。
  项目地址为 https://github.com/ecomfe/echarts-for-weixin。