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
andProvence
.
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>
git clone git@github.com:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev
Open your browser and visit: http://localhost:3000/.
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
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!