大家好，我是 CUGGZ。

今天來推薦幾款開箱即用的中后臺管理模版！

Vue Element Admin

vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現(xiàn)。它使用了最新的前端技術(shù)棧，內(nèi)置了 i18n 國際化解決方案，動態(tài)路由，權(quán)限驗證，提煉了典型的業(yè)務(wù)模型，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型。

Github（??77.5k）：https://github.com/PanJiaChen/vue-element-admin

Ant Design Pro

Ant Design Pro 是基于 Ant Design 和 umi 的封裝的一整套企業(yè)級中后臺前端/設(shè)計解決方案，致力于在設(shè)計規(guī)范和基礎(chǔ)組件的基礎(chǔ)上，繼續(xù)向上構(gòu)建，提煉出典型模板/業(yè)務(wù)組件/配套設(shè)計資源，進(jìn)一步提升企業(yè)級中后臺產(chǎn)品設(shè)計研發(fā)過程中的用戶和設(shè)計者的體驗。

Ant Design Pro 的特點(diǎn)如下：

• TypeScript: 應(yīng)用程序級 JavaScript 的語言
• 區(qū)塊: 通過區(qū)塊模板快速構(gòu)建頁面
• 優(yōu)雅美觀：基于 Ant Design 體系精心設(shè)計
• 常見設(shè)計模式：提煉自中后臺應(yīng)用的典型頁面和場景
• 最新技術(shù)棧：使用 React/umi/dva/antd 等前端前沿技術(shù)開發(fā)
• 響應(yīng)式：針對不同屏幕大小設(shè)計
• 主題：可配置的主題滿足多樣化的品牌訴求
• 國際化：內(nèi)建業(yè)界通用的國際化方案
• 最佳實踐：良好的工程實踐助您持續(xù)產(chǎn)出高質(zhì)量代碼
• Mock 數(shù)據(jù)：實用的本地數(shù)據(jù)調(diào)試方案
• UI 測試：自動化測試保障前端產(chǎn)品質(zhì)量

Github（??32.5k）：https://github.com/ant-design/ant-design-pro

React Admin

React Admin 是基于React17.x、Ant Design4.x、Material Design在REST/GraphQL API之上構(gòu)建在瀏覽器中運(yùn)行的管理應(yīng)用程序的一款前端框架。

Github（??20.2k）：https://github.com/marmelab/react-admin

iView Admin

iView-admin是 iView 生態(tài)中的成員之一，是一套采用前后端分離開發(fā)模式，基于Vue的后臺管理系統(tǒng)前端解決方案。其內(nèi)置了開發(fā)后臺管理系統(tǒng)常用的邏輯功能，和開箱即用的業(yè)務(wù)組件，旨在讓開發(fā)者能夠以最小的成本開發(fā)后臺管理系統(tǒng)，降低開發(fā)量。

Github（??16.1k）：https://github.com/iview/iview-admin

Vue Manage System

Vue Manage System 是一個后臺管理系統(tǒng)解決方案。它作為一套多功能的后臺框架模板，適用于絕大部分的后臺管理系統(tǒng)（Web Management System）開發(fā)。基于 Vue3 + pinia，引用 Element Plus 組件庫，方便開發(fā)快速簡潔好看的組件。分離顏色樣式，支持手動切換主題色，而且很方便使用自定義主題色。

Github（??15.4k）：https://github.com/lin-xin/vue-manage-system

Vue vben admin

Vue Vben Admin 是一個免費(fèi)開源的中后臺模版。使用了最新的vue3,vite2,TypeScript等主流技術(shù)開發(fā)，開箱即用的中后臺前端解決方案。其特點(diǎn)如下：

• 最新技術(shù)棧：使用 Vue3/vite2 等前端前沿技術(shù)開發(fā)
• TypeScript: 應(yīng)用程序級 JavaScript 的語言
• 主題：可配置的主題
• 國際化：內(nèi)置完善的國際化方案
• Mock 數(shù)據(jù)內(nèi)置 Mock 數(shù)據(jù)方案
• 權(quán)限內(nèi)置完善的動態(tài)路由權(quán)限生成方案
• 組件二次封裝了多個常用的組件

Github（??13k）：https://github.com/vbenjs/vue-vben-admin

Vue Admin  Better

vue-admin-better 是一個基于 vue3+element-plus 的中后臺前端框架。其特點(diǎn)如下：

• 40+高質(zhì)量單頁
• RBAC 模型 + JWT 權(quán)限控制
• 10 萬+ 項目實際應(yīng)用
• 良好的類型定義
• 開源版本支持免費(fèi)商用
• 跨平臺 PC、手機(jī)端、平板
• 后端路由動態(tài)渲染

Github（??12.6k）：https://github.com/chuzhixin/vue-admin-better

D2Admin

D2Admin 是一個完全開源免費(fèi)的企業(yè)中后臺產(chǎn)品前端集成方案，使用最新的前端技術(shù)棧，小于 60kb 的本地首屏 js 加載，已經(jīng)做好大部分項目前期準(zhǔn)備工作，并且?guī)в写罅渴纠a，助力管理系統(tǒng)敏捷開發(fā)。

Github（??11.6k）：https://github.com/d2-projects/d2-admin

AntD Admin

AntD Admin 是一套優(yōu)秀的中后臺前端解決方案。其特征如下：

• 國際化，源碼中抽離翻譯字段，按需加載語言包
• 動態(tài)權(quán)限，不同權(quán)限對應(yīng)不同菜單
• 優(yōu)雅美觀，Ant Design 設(shè)計體系
• Mock 數(shù)據(jù)，本地數(shù)據(jù)調(diào)試

Github（??9k）：https://github.com/zuiidea/antd-admin

Vuestic Admin

Vuestic Admin 是一套免費(fèi)且美觀的 Vue.js （3.x）管理模板，使用 Vuestic UI 構(gòu)建，包含 44 多個自定義 UI 組件。

Github（??8.8k）：https://github.com/epicmaxco/vuestic-admin

Vue Pure Admin

vue-pure-admin 是一個免費(fèi)開源的中后臺模版。使用了最新的 Vue3、Vite2、Element-Plus、TypeScript 等主流技術(shù)開發(fā)，開箱即用的中后臺前端解決方案。

Github（??3.2k）：https://github.com/xiaoxian521/vue-pure-admin

Vue Antd Admin

Vue Antd Admin 是 Ant Design Pro 的 Vue 實現(xiàn)版本，是一個開箱即用的中后臺前端/設(shè)計解決方案。

Github（??3.1k）：https://github.com/iczer/vue-antd-admin

Geeker Admin

Geeker Admin 是基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 開源的一套后臺管理模板。

Github（??1.8k）：https://github.com/HalseySpicy/Geeker-Admin

Soybean Admin

Soybean Admin 是一個基于 Vue3、Vite3、TypeScript、Naive UI和UnoCSS 的清新優(yōu)雅的中后臺模版，它使用了最新的前端技術(shù)棧，內(nèi)置豐富的主題配置，有著極高的代碼規(guī)范，基于mock實現(xiàn)的動態(tài)權(quán)限路由，開箱即用的中后臺前端解決方案。

Github（??1.2k）：https://github.com/honghuangdc/soybean-admin

Vue Admin Box

vue-admin-box是一個免費(fèi)并且開源的中后臺管理系統(tǒng)模板。使用最新版本的vue3+vite+element-plus開發(fā)而成，目的是為了解決通用型的業(yè)務(wù)中后臺系統(tǒng)復(fù)雜的配置。

Github（??880）：https://github.com/cmdparkour/vue-admin-box

Vue3.0 Template Admin

vue3.0-template-admin 是基于 vue3+ElementPlus+Typescript+Vite 搭建一套通用的后臺管理模板；并基于常見業(yè)務(wù)場景，抽象出常見功能組件；包括動態(tài)菜單，菜單權(quán)限、登錄、主題切換、國際化、個人中心、表單頁、列表頁、復(fù)制文本、二維碼分享等。

Github（??760）：https://github.com/GeekQiaQia/vue3.0-template-admin