1. Project Overview

Vue DevUI

A Vue3 component library based on DevUI Design.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Features:

• Includes 55 clean, easy-to-use, flexible, high-quality components
• Supports TypeScript
• Supports Nuxt3
• Supports on-demand imports
• Supports Internationalization
• Supports theme customization and includes 7 beautiful built-in themes, such as Chasing Light, Honey, and Violet

Components

• General

• Button
• Fullscreen
• Icon icon
• Overlay
• Panel
• Ripple
• Search
• Status
• Navigation

• Dropdown
• Menu
• Pagination
• Tabs
• Feedback

• Alert
• Drawer
• Loading
• Global Message
• Modal
• Global Notification
• Popover Hover Tooltip
• Result
• Tooltip
• Data Entry

• AutoComplete
• Checkbox
• DatePickerPro Date Picker
• EditableSelect Editable Dropdown
• Form
• Input
• InputNumber Numeric Input
• Mention
• Radio
• Select Dropdown
• Slider
• Switch
• Textarea Multiline Text Input
• TimePicker
• TimeSelect Time Picker
• Upload
• Data Display

• Avatar
• Badge
• Card
• Collapse
• Countdown
• ImagePreview
• Progress
• Rate
• Skeleton
• Statistic
• Steps
• Table
• Tag
• Timeline
• Tree
• Layout

• Grid
• Layout
• Splitter

5. Tech Stack

 How to Use

1. Installation

npm i vue-devui

2. Import

Import vue-devui in the main.ts file.

import { createApp } from 'vue';
import App from './App.vue';

// Import the Vue DevUI component library and styles
import DevUI from 'vue-devui';
import 'vue-devui/style.css';

createApp(App).use(DevUI).mount('#app');

3. Usage

Use Vue DevUI components in the App.vue file.

<template>
  <d-button>Confirm</d-button>
</template>

Local Development

Visit Yifei Open Source: [https://code.exmay.com/](https://code.exmay.com/) to download
cd vue-devui
pnpm i
pnpm dev

Open your browser and visit: [http://localhost:3000/](http://localhost:3000/)

Alternatively, you can run the following commands:

pnpm scripts