Vue3 移动 桌面 双端适配 UI 组件库

Varlet UI 是一个全面支持 Vue3 生态、Material Design 风格的移动端和桌面端组件库，提供 Typescript 支持、按需引入、暗黑模式、主题定制、国际化等功能，并配备 VSCode 插件以优化开发体验。

Varlet 提供在线编辑器：

主题定制：

部分组件预览：

组件使用：

// npm
npm i @varlet/ui -S
// yarn
yarn add @varlet/ui
// pnpm
pnpm add @varlet/ui
import App from './App.vue'
import Varlet from '@varlet/ui'
import { createApp } from 'vue'
import '@varlet/ui/es/style'
createApp(App).use(Varlet).mount('#app')

浏览器适配：

功能和特性：

Vue 3 支持：Varlet 完全基于 Vue 3 开发，利用 Vue 3 的 Composition API、响应式系统等新特性，提供更好的性能和更灵活的组件使用方式。

Material Design：遵循 Google 的 Material Design 设计原则，提供现代化、美观的 UI 组件，适合移动端应用开发。

Typescript 支持：使用 Typescript 构建，提供强类型支持，增强代码的可维护性和开发体验。

按需引入：支持按需引入组件，通过 tree-shaking 优化最终打包体积，减少应用的加载时间。

主题定制：内置亮色和暗色两种主题，同时支持自定义组件样式，以适应不同的品牌和设计需求。

国际化支持：支持多语言，方便开发者构建国际化应用。

服务端渲染（SSR）：支持服务端渲染，对 Nuxt 框架进行了适配，适合构建服务器端渲染的 Vue 应用。

IDE 支持：提供 WebStorm 和 VSCode 的组件语法高亮支持，以及 VSCode 插件，提升开发效率。

《前端资源推荐》收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等，如有其他优秀资源，欢迎发消息投稿，感谢点赞、转发、关注！！！

GitHub：https://github.com/varletjs/varlet

官方文档：https://varlet.pages.dev/#/zh-CN/index