README.md

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 [email protected]:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev

Open your browser and visit: https://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 💻	c0dedance 💻	杜庆愉 💻	linxiang 💻	掘墓忍者 💻	一个大胖子 💻 📖
Ikko Ashimine 📖	Bob 💻	populus 💻	tohalf 💻	Miliky 💻 ⚠️	MICD 💻 🐛	mingBin 💻 🐛	陈剑术 💻	Merlin218 🐛	Johnny.Liu 🐛
Yangxfeng 🐛	jCodeLife 🐛	宋小日 🐛	daviForevel 💻	lj1990111 💻	newer2333 💻	哈士奇-黄 💻	寻 💻	Anthonio OuYang 💻

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

Partner project

• H5-Dooring - 让H5制作，更简单

License

MIT