文章底部获取项目地址
Varlet UI 是一个全面支持 Vue3 生态、Material Design 风格的移动端和桌面端组件库，提供 Typescript 支持、按需引入、暗黑模式、主题定制、国际化等功能，并配备 VSCode 插件以优化开发体验。
主题定制：
部分组件预览：
组件使用：
// 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