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

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

dengje
2022-04-07 / 0 评论 / 146 阅读 / 正在检测是否收录...

我推荐一下这些还不错的免费开源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框架来使用。

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

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

0

评论

博主关闭了当前页面的评论