https://github.com/weijuer/w-design

A simple components UI for blog based on Vue 3.x + Vite 2.x.
https://github.com/weijuer/w-design

components ui-components uiframework vue3-typescript

Last synced: 8 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/weijuer/w-design
• Owner: weijuer
• License: mit
• Created: 2021-07-14T15:09:34.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2025-07-18T07:55:30.000Z (11 months ago)
• Last Synced: 2025-08-09T18:52:07.274Z (10 months ago)
• Topics: components, ui-components, uiframework, vue3-typescript
• Language: Vue
• Homepage: https://weijuer.github.io/w-design/
• Size: 2.62 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


    



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

```bash

# npm

npm i w-design-vue

# yarn

yarn add w-design-vue

```

## 🎭 Mock

```bash

# init msw syntax

npx msw init 

# for example

npx msw init public

```

## 🧪 CDN

```html

```

## 🦄 Usage

```js

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](https://avatars.githubusercontent.com/u/12313268?s=80&v=5)](https://github.com/weijuer/) |

| :-: |

| [Weijuer](https://github.com/weijuer/) |

## 🕹️ Start On Web IDE

[https://github.dev/weijuer/w-design-vue](https://github.dev/weijuer/w-design-vue)

## 🍀 LICENSE

W Design is [MIT](https://github.com/weijeur/w-design-vue/blob/main/LICENSE) licensed.