Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 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 (over 3 years ago)
Default Branch: main
Last Pushed: 2024-09-27T10:59:10.000Z (3 months ago)
Last Synced: 2024-09-28T23:21:21.215Z (3 months ago)
Topics: components, ui-components, uiframework, vue3-typescript
Language: Vue
Homepage: https://weijuer.github.io/w-design/
Size: 2.41 MB
Stars: 1
Watchers: 2
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.