Vue DevUI

Vue3 component library based on DevUI Design

English | 简体中文

🌈 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.

🔧 Usage

The first step is to install vue devui:

npm i 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 i
pnpm dev

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

🤝 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 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT