varlet

Varlet is a Vue 3 component library built around Material Design 2 and Material Design 3, maintained by the varletjs organization. It targets both mobile and desktop interfaces, and the README states that it ships with more than 70 general-purpose components while keeping individual components lightweight. Key capabilities listed in the documentation: - Material Design 2 and Material Design 3 design systems, plus dark mode support - On-demand component import and theme customization - Internationalization support - Server-side rendering (SSR) compatibility - TypeScript support - A Nuxt module for integration with Nuxt projects - A reported unit test coverage above 90 percent, presented as a stability guarantee - An official VSCode extension and WebStorm syntax highlighting - Accessibility support, described as still being improved - Complete Chinese and English documentation Installation can be done in two ways. The CDN route loads the UMD bundle `varlet.js`, which contains all styles and component logic, alongside Vue and an optional touch emulator script that adapts mobile components for desktop use. The bundler route installs the `@varlet/ui` package via npm, yarn or pnpm, then registers the library with `createApp(App).use(Varlet)` and imports the stylesheet from `@varlet/ui/es/style`. An official ecosystem surrounds the main library. `@varlet/cli` is a rapid prototyping tool for Vue 3 component libraries. `@varlet/touch-emulator` is the desktop adapter. `@varlet/ui-playground` provides online editing of components. `@varlet/import-resolver` is a resolver for unplugin-vue-components that enables on-demand imports. UnoCSS and Tailwind CSS presets are also published, along with a theme builder for generating Material Design 3 theme variables, a VSCode extension, a VSCode theme, an app template and an integration example collection. Community-maintained projects referenced in the README include Vue-based mobile template scaffolding, a Vue 3 desktop template scaffolding, a VS Code intellisense extension, and a Vue 3 + Varlet mobile template. A browser-based playground is available on the project site, and contribution guidance is provided in the repository’s contributing guide.