今天給大家推薦幾款的后臺(tái)管理系統(tǒng)開(kāi)箱即用的組件庫(kù)，基于ElementUI二次封裝，開(kāi)發(fā)必備

Headless UI

Headless UI是一款出色的前端組件庫(kù)，專為與 Tailwind CSS 集成而設(shè)計(jì)。一組完全無(wú)樣式、完全可訪問(wèn)的 UI 組件，可以自由的引入進(jìn)你的項(xiàng)目，支持Vue和React。

項(xiàng)目特點(diǎn)

• 無(wú)樣式干擾 - 不帶預(yù)設(shè)樣式的組件，便于結(jié)合 Tailwind CSS 自定義風(fēng)格。

• 高度可訪問(wèn) - 所有組件均遵循無(wú)障礙標(biāo)準(zhǔn)，確保所有用戶都能順暢使用。

• 靈活可擴(kuò)展 - 基于 React 和 Vue 開(kāi)發(fā)，易于與其他庫(kù)和項(xiàng)目集成。

• 社區(qū)活躍 - 有專門(mén)的 GitHub 討論區(qū)和 Discord 社區(qū)，技術(shù)支持和交流豐富。

• 持續(xù)更新 - 提供 Insiders 版本，緊跟最新技術(shù)趨勢(shì)。

Github地址：https://github.com/tailwindlabs/headlessui

官網(wǎng)地址：https://headlessui.com/

Avue.js2.0是基于現(xiàn)有的element-ui庫(kù)進(jìn)行的二次封裝，簡(jiǎn)化一些繁瑣的操作，主要的組件庫(kù)針對(duì)table表格和form表單場(chǎng)景，同時(shí)內(nèi)置了豐富了數(shù)據(jù)展示組件，讓開(kāi)發(fā)變得更加容易。

Github地址：https://github.com/nmxiaowei/avue

官網(wǎng)地址：https://avuejs.com/

# 安裝 
yarn add  @smallwei/avue -S  # 或者：npm i @smallwei/avue -S 

 # 引入 
import {createApp} from 'vue';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
const app =createApp({});
app.use(Avue);

基于element-plus，支持Vue3.x的中后臺(tái)業(yè)務(wù)組件庫(kù).

組件庫(kù)使用全新的 組合式 API 編寫(xiě)，并盡可能采用 Hooks 編寫(xiě)代碼邏輯，全量的 TypeScript 和 TSX。

特點(diǎn)

10+ 高質(zhì)量的開(kāi)箱即用 Vue 3 組件

遵循直覺(jué)的、簡(jiǎn)約的 Api 設(shè)計(jì)

自由配置的屬性默認(rèn)值，快速完成全局/局部修改

? 組合式 Api，良好的性能基礎(chǔ)

TypeScript 和 TSX 編寫(xiě)，完整的類型

完整的單元測(cè)試，為組件的提供良好的穩(wěn)定性

支持國(guó)際化

貼近業(yè)務(wù)代碼編排，低源碼閱讀門(mén)檻

更適用于中后臺(tái)業(yè)務(wù)

Github地址：https://github.com/NaiveSteven/ideaz-element

官網(wǎng)地址：https://naivesteven.github.io/ideaz-element/

我創(chuàng)建了一個(gè)讀者副業(yè)交流群，群里每天消息99+，大家在群里熱議各種副業(yè)和實(shí)時(shí)熱點(diǎn)、反正交流挺火熱的。

但是任何人在群里打任何廣告，都會(huì)被我T掉。

如果你對(duì)這個(gè)特別的群，感興趣，請(qǐng)加我微信回復(fù)：888，微信通過(guò)后會(huì)拉你入群。