Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/devcloudfe/vue-devui

UI components based on Vue3 and DevUI Design
https://github.com/devcloudfe/vue-devui

components-library devui devui-design jsx tsx typescript ui-components vitejs vue vue-components vue-devui vue3

Last synced: about 4 hours ago
JSON representation

UI components based on Vue3 and DevUI Design

Host: GitHub
URL: https://github.com/devcloudfe/vue-devui
Owner: DevCloudFE
License: mit
Created: 2021-09-16T13:46:22.000Z (about 3 years ago)
Default Branch: dev
Last Pushed: 2024-04-13T08:53:08.000Z (5 months ago)
Last Synced: 2024-04-14T05:43:12.857Z (5 months ago)
Topics: components-library, devui, devui-design, jsx, tsx, typescript, ui-components, vitejs, vue, vue-components, vue-devui, vue3
Language: TypeScript
Homepage: https://vue-devui.github.io
Size: 10.1 MB
Stars: 950
Watchers: 24
Forks: 282
Open Issues: 100
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

    

  



Vue DevUI


Vue3 component library based on DevUI Design


English | [简体中文](README.zh-CN.md)

🌈 Features：

- 📦 55 high-quality components that are simple, easy to use, and flexible.

- 🔑 Support for TypeScript.

- ⛰️ Support for Nuxt3.

- ⚡ Support for on-demand import.

- 🌍 Support internationalization.

- 🎨 Support theme customization, and built-in seven beautiful themes such as `Galaxy`, `Sweet` and `Provence`.

## 🔧 Usage

First install vue-devui with npm, yarn or pnpm.

Install with npm

```sh

npm install vue-devui --save

```

Install with yarn

```sh

yarn add vue-devui

```

Install with pnpm

```sh

pnpm add vue-devui

```

Then import `DevUI` in the `main.ts` file:

```ts

import { createApp } from 'vue';

import App from './App.vue';

// Import Vue DevUI component and style

import DevUI from 'vue-devui';

import 'vue-devui/style.css';

createApp(App).use(DevUI).mount('#app');

```

Then you can use the vue devui component(such as ``) in the `App.vue` file:

```vue

  Button

```

## 🖥️ Development

```sh

git clone [email protected]:DevCloudFE/vue-devui.git

cd vue-devui

pnpm install

pnpm dev

```

Open your browser and visit: [http://localhost:3000/](http://localhost:3000/).

Or you can run other command

```sh

pnpm scripts

```

## 🤝 Contributing

Welcome to join our Vue DevUI open source project!🎉

By participating in the Vue DevUI project, we can together:

- 🔥 Learn the latest cool `Vite` + `Vue3` + `TypeScript` + `JSX` technology.

- 🎁 Learn how to design and develop UI components.

- ⭐ Hone programming skills and learn excellent programming practice.

- 🎊 Meet a group of friends who love learning and open source.

If you don't know how to start, please read our [contributing guide](https://vue-devui.github.io/contributing/)

## ✨ Maintainers

Maintainers are community members who have made outstanding contributions and have been active in the DevUI community for a long time.

- [kagol](https://github.com/kagol)

- [xingyan95](https://github.com/xingyan95)

- [linxiang07](https://github.com/linxiang07)

- [Zcating](https://github.com/Zcating)

- [TinsFox](https://github.com/TinsFox)

- [JensonMiao](https://github.com/JensonMiao)

- [xiejay97](https://github.com/xiejay97)

- [daviForevel](https://github.com/daviForevel)

- [AlanLee97](https://github.com/AlanLee97)

- [SituC](https://github.com/SituC)

- [lj1990111](https://github.com/lj1990111)

- [newer2333](https://github.com/newer2333)

- [vaebe](https://github.com/vaebe)

- [ivestszheng](https://github.com/ivestszheng)

- [ElsaOOo](https://github.com/ElsaOOo)

- [asdlml6](https://github.com/asdlml6)

- [GaoNeng-wWw](https://github.com/GaoNeng-wWw)

- [chenxi24](https://github.com/chenxi24)

- [ErKeLost](https://github.com/ErKeLost)

- [brenner8023](https://github.com/brenner8023)

Outstanding contributions include, but are not limited to, the following:

- 10 or more PRs are merged

- Put forward more than 10 review opinions approved by PR authors

- Provide constructive optimization advice and promote the project to become better

## ✨ Contributors

Contributors are community members who have 1 or more PR merged in DevUI.

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    

      
_Kagol
🚧 💻 📖

      
_TinsFox
🚧 🚇

      
_nif
💻

      
_Zcating
🚧 💻

      
_王凯
💻

      
_iel
🚧 💻

      
_chenxi24
💻

      
_小九九
💻

    

    

      
_AlanLee
💻

      
_Echo
💻

      
_GaoNeng
💻

      
_行言
💻 🐛

      
_devin
💻

      
_无声
💻

      
_{sleep_fish}
💻

      
_{迷心whylost}
💻

    

    

      
_{X.Q. Chen}
🚇 💻

      
_葉家男孩
💻

      
_lihai
💻

      
_纳撸多
💻

      
_ElsaOOo
🚧 🚇 💻

      
_刘小迪
💻

      
_unfound
💻

      
_Roading
💻

    

    

      
_Chestnut
💻

      
_c0dedance
💻

      
_杜庆愉
💻

      
_linxiang
💻

      
_掘墓忍者
💻

      
_{一个大胖子}
💻 📖

      
_{Ikko Ashimine}
📖

      
_Bob
💻

    

    

      
_populus
💻

      
_tohalf
💻

      
_Miliky
💻 ⚠️

      
_MICD
💻 🐛

      
_mingBin
💻 🐛

      
_陈剑术
💻

      
_Merlin218
🐛

      
_Johnny.Liu
🐛

    

    

      
_Yangxfeng
🐛

      
_jCodeLife
🐛

      
_宋小日
🐛

      
_daviForevel
💻

      
_lj1990111
💻

      
_newer2333
💻

      
_{哈士奇-黄}
💻

      
_寻
💻

    

    

      
_{Anthonio OuYang}
💻

      
_FlingYP
💻

      
_xzxldl55
💻

      
₇₉
💻

      
_wailen
💻

      
_jenson
💻

      
_dbsdaicheng
⚠️

      
_qinwencheng
💻

    

    

      
_Angelanana
💻

      
_joo1es
💻

      
_handsomezyw
💻

      
_Yoki
💻

      
_luopei
💻

      
_Mr.Cheng
💻

      
_Bbbtt04
💻

      
_Zz-ZzzZ
💻

    

    

      
_buaalkn
💻

      
_hxj9102
💻

      
_Whbbit1999
💻

      
_zhaoShijuan
💻

      
_XiaoRIGE
💻

      
_{xiaogonggong-w}
💻

      
_hqchqc
💻

      
_Lucky-Ya-Q
💻

    

    

      
_xGuangsPBD
💻

      
_cnvoid
💻

      
_sakanaovo
💻

    

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## Partner project

- [H5-Dooring - 让 H5 制作，更简单](http://h5.dooring.cn/)

- [灯塔 - 公益性质的反霸凌团队](https://www.light-tower.top/)

## License

[MIT](https://github.com/DevCloudFE/vue-devui/blob/dev/LICENSE)