当前位置: 首页 > Web前端 > HTML

VarletUI-免费开源的基于Vue3的素材风格的移动端UI组件库,游雨溪-阮一峰推荐

时间:2023-03-28 10:56:53 HTML

一款优秀的国产移动端UI组件库,基于Vue3,也是游雨溪推荐的,值得关注。关于VarletVarlet是一个基于Vue3开发的Material风格移动端组件库。自2020年4月21日正式发布1.0版本以来,已经维护了将近一年。Varlet的作者是一名前端开发者,大专毕业,工作于四川无锡。因为他所在的公司计划开发一个与Vue3相关的组件库,他主动提出接手这项工作。后来,公司考虑到成本、投资回报率等原因,没有打算继续提供支持。作者携手两位小伙伴继续完善。至今已有十多个小伙伴因为各自的兴趣和追求而维系在一起。爱可以长久,这或许就是开源的魅力吧。后来Varlet不仅得到了阮一峰先生的推荐,也得到了国内外开源技术社区的认可。其中,Vite核心团队的Antfu大师也接受了这个组件库的PR。在Vue3的2021年度总结分享会上,Varlet也得到了Vue.js的作者游玉玺的推荐。是一个值得关注的前端开源项目。Varlet技术特性提供50个国人开发的优质轻量级通用组件,提供完善的中英文文档支持按需导入和主题定制,支持暗黑模式,支持国际化,支持webstorm,组件属性vscode编辑器高亮支持SSR服务端渲染支持Typescript保证90%以上的单元测试覆盖率MaterialDesign风格的移动端组件库Varlet是一个移动端UI组件库,适用于通过VueNative开发移动端web应用或者Android或iOS应用.在设计外观方面,Varlet组件库是基于Google的MaterialDesign设计规范设计的。说到MaterialDesign,大部分的UI组件库都是国外的。无论是文档还是社区,都让一些开发者头疼。Varlet开发团队参考国外技术社区的成品,结合国内开发者感兴趣的API构建,制作了本地化的MaterialDesign风格组件库。移动端有很多像Vant、uViewUI这样优秀的UI组件库,但是MaterialDesign风格的移动端组件库相对较少。如果你想拥有独特的产品风格,关心交互动态效果的细节,或者想把一个应用上架到谷歌商店,Varlet都值得选择。开发入门感受Varlet的官方文档都是母语为中文的开发者编写的,这是国外组件库无法比拟的。代码示例丰富,清晰易懂,开发体验良好。安装Varlet非常简单。通过CDN导入varlet.js,一个文件包含组件库的所有样式和逻辑:当然也支持Webpack/Vite工程:官网还提供在线代码编辑工具,方便我们快速体验瓦莱特。Varlet有几十个常用的移动端组件,如骨架屏、导航栏、索引栏等复杂难懂的组件,体验非常好。同时支持按需引入组件,可以大大减少打包体积,这对于移动端项目非常重要。Varlet还有很多不错的特性,比如支持Vue2,可以访问官网了解更多。免费开源说明Varlet是一个免费开源的移动UI组件库。源代码基于MIT开源协议托管在Github上。任何个人或公司都可以免费下载使用,包括商业项目。Varlet引用的图标库是同风格的MaterialDesignIcon。他们有很多。不用担心不够用,而且它们也是免费开源的。相关网站:https://www.thosefree.com/var...