免费开源的UI框架，提高开发效率，快速开发高颜值小程序

我推荐一下这些还不错的免费开源UI框架，喜欢哪个自己挑，总有合适你的。

ColorUI
开源地址:https://github.com/weilanwl/ColorUI

组件精美，色彩十分鲜艳。每一个样式都是一个独立的class，都是封装好的css。

ColorUI是一个纯css库，在你引入样式后可以根据class来调用组件。需要使用者打开main.css和demo看一下里面的内容，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
demo图

Lin UI
开源地址:https://github.com/TaleLin/lin-ui

Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。

wxs模块 、高级组件 、 电商组件模块 等等。 例如，在电商项目里常用的 SKU联动选择 ，城市选择器 等。

在微信小程序原生开发的时候我使用过该框架，感觉瀑布流和吸顶还可以。喜欢的话可以自己去体验一下。

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
uView UI
开源地址:https://github.com/umicro/uView

uView1.0的时候我就已经在使用了，在uniapp开发多端的时候使用uview是个不错的选择。uView永久开源，永远免费。

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。

目前uView已经更新到2.0了，这是一次重大的更新，2.0已全面兼容nvue，值得注意的是uView1.0是不支持直接升级到2.0的，所以在新项目中使用uView的话建议直接使用2.0版本的。

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
免费开源的UI框架，提高开发效率，快速开发高颜值小程序
tm-vuetify UI
这是我新项目使用的ui框架，最大的感受就是tm-vuetify的辅助类太好用了。内外边距、圆角、弹性布局等，对于辅助类大家也可以独立出来作为自己项目使用真的特别方便。

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
IjgW79.md.png

tm-vuetify在自定义自己的主题色也是做得非常的棒，支持生成自己喜欢的主题包，并且提供了生成工具。暗黑模式和亮色也可以简单的实现。大家不妨去试试！

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
Ijg0kn.md.png

因为这个开源项目是作者一个人维护，大多数组件是兼容的，作者还没有大量时间去每个平台测试一次，所以每个平台或许有bug或差异。

免费开源的UI框架，提高开发效率，快速开发高颜值小程序
我喜欢整理出自己经常使用的辅助类，再搭配一个自己喜欢的ui框架来使用。

最后，使用这些都是为了提高开发效率，每款框架都很优秀。我们都可以去学习和使用，大家可以根据自己的喜好去选择。

觉得内容对你你有帮助，记得顺手关注+点赞永远是我持续写作的动力，谢谢你。