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

我是爱喝啤酒的友,点击右上方“关注”,每天为你分享开源作品与互联网垂直领域干货。

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

ColorUI

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

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

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

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

demo图

Lin UI

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

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

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

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

免费开源的UI框架,提高开发效率,快速开发高颜值小程序(开源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框架对比)免费开源的UI框架,提高开发效率,快速开发高颜值小程序(开源ui框架对比)

tm-vuetify UI

这是我新项目使用的ui框架,最大的感受就是tm-vuetify的辅助类太好用了。内外边距、圆角、弹性布局等,对于辅助类大家也可以独立出来作为自己项目使用真的特别方便。

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

IjgW79.md.png

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

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

Ijg0kn.md.png

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

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

我喜欢整理出自己经常使用的辅助类,再搭配一个自己喜欢的ui框架来使用。

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月9日 上午9:33
下一篇 2024年5月9日 上午9:45

相关推荐