@wu-web/fighting-design

Fighting Design

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

Chinese | English

✨ Features

- 🪐 60+ common components
- 💪 Developed with the latest features of Vue.js
- 🐆 Fully based on Vite, fast enough
- 🤟 Ultimate development experience
- 🥇 Ultra detailed JSDoc comments
- 🦩 Zero third party dependency
- 🪐 Different packaging modes which compatible with different projects
- 🏆 Support full import and on-demand import
- ✅ Written with TypeScript & Template
- 🖍️ Strict TypeScript Type
- 🤟 Global no any type
- ✔️ Easy to configure and easy to use
- 🚩 Complete and adequate unit tests
- 👍 Maintained by the community team
- ❤️ Developed according to actual demand
- 📃 High quality detailed documentation
- 📌 Improve RFC
- ☝️ Put forward demands and keep improving
- 🌍 More configuration options & flexible components
- 🛠 More features are under development

🔑 Install

Use pnpm install

``shell
pnpm add --save-dev fighting-design
`

Use npm install

`shell
npm install --save-dev fighting-design
`

Use yarn install

`shell
yarn add --save-dev fighting-design
`

🎉 Quick Start

Put the following code into main.ts

`ts
import { createApp } from 'vue'
import App from './App.vue'

import FightingDesign from 'fighting-design'
import 'fighting-design/dist/index.css'

createApp(App).use(FightingDesign).mount('#app')
`

🪂 Quick experience

`html

rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/fighting-design/dist/index.css"
/>

默认按钮
主要按钮
成功按钮
危险按钮
警告按钮


华丽的分隔线

打开 Dialog

欢迎使用 Fighting Design！

`

🐳 Related links

- Official documents
- NPM
- CONTRIBUTING
- CHANGELOG

🌈 Join Fighting Design

Add WeChat & please note the Github username

!WeChat

💌 Special Thanks

Thanks to everyone who has already contributed to Fighting Design`!

💬 LICENSE

MIT