Vue DevUI

Vue3 component library based on DevUI Design

🌈 Features：

📦 40 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.

🌐 Installation

Install with npm

npm install vue-devui --save

Install with yarn

yarn add vue-devui

Install with pnpm

pnpm add vue-devui

🔧 Usage

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 scripts run 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

✨ Contributors

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 💻