Code Monkey home page Code Monkey logo

varlet's Introduction

VARLET

基于 Vue3 的 Material design 风格移动端组件库

开发文档 | English

version ci vue licence coverage gzip ci


介绍

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区建立起来的组件库团队进行维护。

特性

  1. 提供50个高质量通用组件
  2. 组件十分轻量
  3. 由国人开发,完善的中英文文档和后勤保障
  4. 支持按需引入
  5. 支持主题定制
  6. 支持国际化
  7. 支持 webstorm,vscode 组件属性高亮
  8. 支持 SSR
  9. 支持 Typescript
  10. 确保90%以上单元测试覆盖率,提供稳定性保证
  11. 支持暗黑模式

安装

CDN

varlet.js 包含组件库的所有样式和逻辑,引入即可。

<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>按钮</var-button>'
  })
  app.use(Varlet).mount('#app')
</script>

Webpack / Vite

# 通过 npm 或 yarn 或 pnpm 安装

# 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.js'

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

Contributors

varlet's People

Contributors

haoziqaq avatar beadre avatar qytayh avatar kanghuiyi66 avatar linkscope avatar ahqrt avatar yuding2019 avatar wf-1202 avatar coderyarn avatar 34982452 avatar doom-9 avatar zhenyuwang avatar lhy14160 avatar chunhuigao avatar alec1815 avatar so11y avatar wangkbweb avatar pan463859 avatar liangle avatar opbr avatar zephyrandmoon avatar zcma11 avatar winnerwyy avatar xyz-fish avatar nonzzz avatar bamboosword avatar mrzhouxl avatar xsfxtsxxr avatar lisen6 avatar wangweiguo2013 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.