前言

今天大姚給大家分享15個適合后端程序員的前端框架，本文中的所有前端框架都已經收錄到適合后端程序員的前端框架GitHub Issues知識庫中，假如大家有更好的前端框架推薦歡迎到以下GitHub Issues知識庫留言或者在本文文末留言（注意：排名不分先后，都是十分優(yōu)秀的開源框架和項目??）。

GitHub項目收錄地址：https://github.com/YSGStudyHards/DotNetGuide/issues/12

圖片

圖片

AdminLTE

簡介

AdminLTE是一個基于Bootstrap 4的免費管理員儀表板模板。它提供了一個現(xiàn)代、響應式且功能豐富的界面，可用于構建管理后臺和儀表板?？梢詭椭_發(fā)人員快速搭建出現(xiàn)代化的管理后臺和儀表板應用程序。無論是個人項目還是商業(yè)項目，AdminLTE都是一個不錯的選擇。

項目地址

https://github.com/ColorlibHQ/AdminLTE

項目截圖

圖片

Gentelella

簡介

Gentelella Admin是一個免費使用的基于Bootstrap的管理模板。該模板使用了默認的Bootstrap 4樣式，結合了多種功能強大的jQuery插件和工具，為創(chuàng)建管理面板或后端儀表盤提供了一個強大的框架。

項目地址

https://github.com/ColorlibHQ/gentelella

項目截圖

圖片

layuimini

簡介

layuimini是一個后臺admin前端模板，基于 layui 編寫的最簡潔、易用的后臺框架模板。只需提供一個接口就直接初始化整個框架，無需復雜操作。

項目地址

https://github.com/zhongshaofa/layuimini

項目截圖

圖片

Materialize

簡介

Materialize是一個現(xiàn)代化的響應式前端框架。它基于Google的Material Design設計風格，以簡潔、直觀和美觀為特點，提供了一系列的CSS、JavaScript組件和樣式，幫助開發(fā)人員輕松構建漂亮的Web界面

項目地址

https://github.com/Dogfalo/materialize

項目截圖

圖片

Geeker Admin

簡介

Geeker Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 開源的后臺管理框架，使用目前最新技術棧開發(fā)。項目提供強大的 ProTable 組件，在一定程度上提高您的開發(fā)效率。另外本項目還封裝了一些常用組件、Hooks、指令、動態(tài)路由、按鈕級別權限控制等功能。

項目地址

https://gitee.com/HalseySpicy/Geeker-Admin

項目截圖

圖片

SoybeanAdmin

簡介

一個清新優(yōu)雅、高顏值且功能強大的后臺管理模板，基于最新的前端技術棧，包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。

項目地址

https://github.com/soybeanjs/soybean-admin

項目截圖

圖片

圖片

SCUI

簡介

SCUI 是一個中后臺前端解決方案，基于VUE3和elementPlus實現(xiàn)。使用最新的前端技術棧，提供各類實用的組件方便在業(yè)務開發(fā)時的調用，并且持續(xù)性的提供豐富的業(yè)務模板幫助你快速搭建企業(yè)級中后臺前端任務。SCUI的宗旨是 讓一切復雜的東西傻瓜化。

項目地址

https://gitee.com/lolicode/scui

項目截圖

圖片

vue-element-admin

簡介

vue-element-admin是一個功能強大、易于定制和擴展的后臺管理系統(tǒng)框架，它結合了Vue.js和Element UI的優(yōu)勢，提供了豐富的組件和功能，適用于開發(fā)各種規(guī)模和類型的管理后臺應用程序。無論是企業(yè)級項目還是個人項目，vue-element-admin都是一個值得使用的框架。

項目地址

https://github.com/PanJiaChen/vue-element-admin

項目截圖

圖片

vue-admin-better

簡介

vue3,vue3.0,vue,vue3.x,vue.js,vue后臺管理,admin,vue-admin,vue-element-admin，vue-admin-beautiful-pro主線版本基于element-plus、element-ui、ant-design-vue三者并行開發(fā)維護，同時支持電腦，手機，平板，切換分支查看不同的vue版本，element-plus版本已發(fā)布(vue3,vue3.0,vue,vue3.x,vue.js)

項目地址

https://github.com/chuzhixin/vue-admin-better

項目截圖

圖片

Ant Design Vue

簡介

Ant Design Vue 是一個功能強大、易于使用且擁有出色設計質量的UI組件庫，廣泛應用于Vue.js項目中，為開發(fā)人員提供了快速構建美觀、一致和高效的用戶界面的能力。

項目地址

https://github.com/vueComponent/ant-design-vue

項目截圖

圖片

vue-vben-admin

簡介

Vue Vben Admin 是一個免費開源的中后臺模版。使用了最新的vue3,vite2,TypeScript等主流技術開發(fā)，開箱即用的中后臺前端解決方案，也可用于學習參考。

項目地址

https://github.com/vbenjs/vue-vben-admin

項目截圖

圖片

vue-next-admin

簡介

基于vue3.x 、Typescript、vite、Element plus等，適配手機、平板、pc 的后臺開源免費模板庫（vue2.x請切換vue-prev-admin分支）。

項目地址

https://github.com/lyt-Top/vue-next-admin

項目截圖

圖片

BootstrapBlazor

簡介

Bootstrap 樣式的 Blazor UI 組件庫，適配移動端支持各種主流瀏覽器，適配 ABP，同時支持 NET6/NET7/NET8。

項目地址

https://gitee.com/LongbowEnterprise/BootstrapBlazor

項目截圖

圖片

ngx-admin

簡介

ngx-admi是一個基于Angular 10+的可定制的管理儀表板模板。它提供了一個現(xiàn)代化、響應式和功能豐富的用戶界面，用于構建各種類型的管理面板或后臺管理應用程序。

項目地址

https://github.com/akveo/ngx-admin

項目截圖

圖片

react-admin

簡介

react-admin system solution : react 后臺管理系統(tǒng)解決方案

項目地址

https://github.com/yezihaohao/react-admin

項目截圖

圖片