weijuer / w-design

A simple components UI for blog based on Vue 3.x + Vite 2.x.

W Design

A lightweight, customizable Vue3 UI library for web apps.

🔥 文档网站（国内） 🌈 文档网站（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

🕹️ Start On Web IDE

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

🍀 LICENSE

W Design is MIT licensed.