Skip to content

weijuer/w-design

Repository files navigation

logo

W Design

A lightweight, customizable Vue3 UI library for web apps.

npm version Coverage Status downloads Gzip Size

🔥 文档网站(国内) 🌈 文档网站(GitHub) 🇨🇳 中文版介绍


🚀 Features

  • 🎪 Interactive docs & demos
  • 🚀 1KB Component average size (min+gzip)
  • 🚀 80+ High quality components
  • 🚀 Zero third-party dependencies
  • 💪 Written in TypeScript
  • 🍭 Support Vue 3
  • 🍭 Support Tree Shaking
  • 🌍 Support i18n

📦 Install

It only works for Vue 3

# npm
npm i w-design-vue
# yarn
yarn add w-design-vue

🎭 Mock

# init msw syntax
npx msw init <PUBLIC_DIR>

# for example
npx msw init public

🧪 CDN

<script src="https://unpkg.com/@w-design-vue/w-design-vue.umd.js"></script>

🦄 Usage

import { createApp } from 'vue'
import App from './App.vue'
// 全局引入样式文件
import 'w-design-vue/lib/style.css'
import wd from 'w-design-vue'

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

🖥️ Browser Support

W design vue supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).

🌸 Core Team

Core contributors of W Design:

Weijuer
Weijuer

🕹️ Start On Web IDE

https://github.dev/weijuer/w-design-vue

🍀 LICENSE

W Design is MIT licensed.