Topics

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

Language breakdown

TypeScript 79.7%

SCSS 13.5%

Vue 4.3%

JavaScript 2.5%

HTML 0.0%

Shell 0.0%

▸ Files click to expand

README

Vue DevUI

Vue3 component library based on DevUI Design

English | 简体中文

🌈 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

npm install vue-devui --save

Install with yarn

yarn add vue-devui

Install with pnpm

pnpm add vue-devui

Then import DevUI in the main.ts file:

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 <d-button>) in the App.vue file:

<template>
  <d-button>Button</d-button>
</template>

🖥️ Development

git clone git@github.com:DevCloudFE/vue-devui.git
cd vue-devui
pnpm install
pnpm dev

Open your browser and visit: http://localhost:3000/.

Or you can run other command

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

✨ Maintainers

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

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):

_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 specification. Contributions of any kind welcome!

Partner project

License

MIT

🔗 More in this category