当前位置:首页 > 新闻动态 > 网站文章

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

来源: 浏览:152 时间:2023-08-03

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

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

ColorUI

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

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

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

demo图

Lin UI

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

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

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

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

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版本的。

tm-vuetify UI

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

IjgW79.md.png

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

Ijg0kn.md.png

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

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

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

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

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图