@varlet/ui

A material like components library

Usage no npm install needed!

<script type="module">
  import varletUi from 'https://cdn.skypack.dev/@varlet/ui';
</script>

README

VARLET

Material design mobile component library for Vue3

Documentation

version ci licence coverage ci


Intro

Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community.

Features

  1. Provide more than 40 high quality general purpose components
  2. Components are very lightweight
  3. Developed by Chinese, complete Chinese and English documentation and logistics support
  4. Support on-demand introduction
  5. Support theme customization
  6. Support internationalization
  7. Support WebStorm, VS Code component syntax highlighting
  8. Support the SSR
  9. Support the Typescript
  10. More than 90 percent unit test coverage, providing stability assurance

Install

CDN

varlet.js contain all the styles and logic of the component library, and you can import them.

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
<script>
  const app = Vue.createApp({
    template: '<var-button>Button</var-button>'
  })
  app.use(Varlet).mount('#app')
</script>

Webpack / Vite

# Install with npm or yarn

# npm
npm i @varlet/ui -S

# yarn
yarn add @varlet/ui
import App from './App.vue'
import Varlet from '@varlet/ui'
import { createApp } from 'vue'
import '@varlet/ui/es/style.js'

createApp(App).use(Varlet).mount('#app')