Vue Element Admin

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

Github（??77.5k）： github.com/PanJiaChen/…

Ant Design Pro

Ant Design Pro 是基于 Ant Design 和 umi 的封裝的一整套企業級中后臺前端/設計解決方案，致力于在設計規范和基礎組件的基礎上，繼續向上構建，提煉出典型模板/業務組件/配套設計資源，進一步提升企業級中后臺產品設計研發過程中的用戶和設計者的體驗。

Ant Design Pro 的特點如下：

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

Github（??32.5k）： github.com/ant-design/…

React Admin

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

Github（??20.2k）： github.com/marmelab/re…

iView Admin

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

Github（??16.1k）： github.com/iview/iview…

Vue Manage System

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

Github（??15.4k）： github.com/lin-xin/vue…

Vue vben admin

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

• 最新技術棧：使用 Vue3/vite2 等前端前沿技術開發
• TypeScript: 應用程序級 JavaScript 的語言
• 主題：可配置的主題
• 國際化：內置完善的國際化方案
• Mock 數據?內置 Mock 數據方案
• 權限?內置完善的動態路由權限生成方案
• 組件?二次封裝了多個常用的組件

Github（??13k）： github.com/vbenjs/vue-…

Vue Admin ?Better

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

• 40+高質量單頁
• RBAC 模型 + JWT 權限控制
• 10 萬+ 項目實際應用
• 良好的類型定義
• 開源版本支持免費商用
• 跨平臺 PC、手機端、平板
• 后端路由動態渲染

Github（??12.6k）： github.com/chuzhixin/v…

D2Admin

D2Admin 是一個完全開源免費的企業中后臺產品前端集成方案，使用最新的前端技術棧，小于 60kb 的本地首屏 js 加載，已經做好大部分項目前期準備工作，并且帶有大量示例代碼，助力管理系統敏捷開發。

Github（??11.6k）： github.com/d2-projects…

AntD Admin

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

• 國際化，源碼中抽離翻譯字段，按需加載語言包
• 動態權限，不同權限對應不同菜單
• 優雅美觀，Ant Design 設計體系
• Mock 數據，本地數據調試
  Github（??9k）： github.com/zuiidea/ant…

Vuestic Admin

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

Github（??8.8k）： github.com/epicmaxco/v…

Vue Pure Admin

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

Github（??3.2k）： github.com/xiaoxian521…

Vue Antd Admin

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

Github（??3.1k）： github.com/iczer/vue-a…

Geeker Admin

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

Github（??1.8k）： github.com/HalseySpicy…

Soybean Admin

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

Github（??1.2k）： github.com/honghuangdc…

Vue Admin Box

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

Github（??880）： github.com/cmdparkour/…

Vue3.0 Template Admin

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

Github（??760）： github.com/GeekQiaQia/…

作者：塵世中以為迷途小書童
鏈接：https://juejin.cn/post/7137550000191438878
來源：稀土掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

總結

以上是生活随笔為你收集整理的大前端开箱即用的中后台管理模版，建议收藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。