Github开源后台管理模板10个

小咪咪 2021-06-11 15:14 622阅读 0赞

Web 开发中几乎所有的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，那么有哪些优秀的开源免费的控制面板呢？我在 Github 上收集了一些优秀的后台控制面板，并总结得出 Top 10。

AdminLTE

Github Star 数 24969 ， Github 地址：https://github.com/almasaeed2010/AdminLTE。

非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。

![u_992457957_2317686331_fm_173_app_25_f_JPEG_w_640_h_311_s_B803DC108C0AF60142C115CE030010B0][]

vue-Element-Admin

Github Star 数 19546， Github 地址：https://github.com/PanJiaChen/vue-element-admin。

一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。

![u_3981559323_3105196897_fm_173_app_25_f_JPEG_w_640_h_306_s_A091CD300733512250F4A1CA020010B2][]

tabler

Github Star 数 15870， Github 地址：https://github.com/tabler/tabler。

构建在 BootStrap 4 之上的免费的 HTML 控制面板框架

![u_1947497697_2629942588_fm_173_app_25_f_JPEG_w_639_h_313_s_C8611D728F9340435C40DDC20000E0B3][]

Gentelella

Github Star 数 15654， Github 地址：https://github.com/puikinsh/gentelella。

一个基于 Bootstarp 的免费的后台控制面板。

![u_3430089602_502433055_fm_173_app_25_f_JPEG_w_639_h_305_s_F891E51007384E21446134D6020010B2][]

ng2-admin

Github Star 数 13181， Github 地址：https://github.com/akveo/ngx-admin。

基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。

![u_664819368_2181434035_fm_173_app_25_f_JPEG_w_640_h_311_s_AF01A04C0EE5897A44C6FB930200D08F][]

ant-design-pro

Github Star 数 12707，Github 地址：https://github.com/ant-design/ant-design-pro。

开箱即用的中台前端/设计解决方案

![u_2853503680_3460729032_fm_173_app_25_f_JPEG_w_640_h_317_s_1031E930CFA26C09047830C3020010B6][]

blur-admin

Github Star 数 9241，Github 地址：https://github.com/akveo/blur-admin。

基于 Angular 和 Bootstrap 的后台管理面板框架。

![u_1653632306_574351961_fm_173_app_25_f_JPEG_w_640_h_319_s_539538C0059B0A6452ABFC0D0300D0DB][]

vue-admin

Github Star 数 8676，Github 地址：https://github.com/vue-bulma/vue-admin。

基于 Vue 和 Bulma 的控制面板。

![u_1601968767_4092492784_fm_173_app_25_f_JPEG_w_640_h_317_s_3BA477220973D00148D150F402007033][]

iview-admin

Github Star 数 8668，Github 地址：https://github.com/iview/iview-admin。

基于 iView 的 Vue 2.0 控制面板。

![u_3679893876_941034032_fm_173_app_25_f_JPEG_w_640_h_308_s_5881E910C523F509026588CA030010B6][]

material-dashboard

Github Star 数 7111，Github 地址：https://github.com/creativetimofficial/material-dashboard。

基于 Bootstrap 4 和 Material 风格的控制面板。

![u_61945582_2370567785_fm_173_app_25_f_JPEG_w_640_h_317_s_4D51E41A9C22CE0916D4617E03003032][]

[u_992457957_2317686331_fm_173_app_25_f_JPEG_w_640_h_311_s_B803DC108C0AF60142C115CE030010B0]: /images/20210605/910ce5683fa44c9cb836c30b018c6814.png
[u_3981559323_3105196897_fm_173_app_25_f_JPEG_w_640_h_306_s_A091CD300733512250F4A1CA020010B2]: /images/20210605/0a7fad8c06ed4bf8877620ecab4c9f84.png
[u_1947497697_2629942588_fm_173_app_25_f_JPEG_w_639_h_313_s_C8611D728F9340435C40DDC20000E0B3]: /images/20210605/1b86b340776749e2a52387dfdcafc455.png
[u_3430089602_502433055_fm_173_app_25_f_JPEG_w_639_h_305_s_F891E51007384E21446134D6020010B2]: /images/20210605/e0ad3a6628e245ba8cd7ac23158b07e2.png
[u_664819368_2181434035_fm_173_app_25_f_JPEG_w_640_h_311_s_AF01A04C0EE5897A44C6FB930200D08F]: /images/20210605/83a8546d01574ed996cb65e03ca0e923.png
[u_2853503680_3460729032_fm_173_app_25_f_JPEG_w_640_h_317_s_1031E930CFA26C09047830C3020010B6]: /images/20210605/0c23e331cd5b4a5395f19a61650e8c9a.png
[u_1653632306_574351961_fm_173_app_25_f_JPEG_w_640_h_319_s_539538C0059B0A6452ABFC0D0300D0DB]: /images/20210605/d1210aa1239d495ebbda64dcb4f1da8c.png
[u_1601968767_4092492784_fm_173_app_25_f_JPEG_w_640_h_317_s_3BA477220973D00148D150F402007033]: /images/20210605/79526dbb1731458da827c045af8b1542.png
[u_3679893876_941034032_fm_173_app_25_f_JPEG_w_640_h_308_s_5881E910C523F509026588CA030010B6]: /images/20210605/c55d2b09663247179d3ce63bb7602c80.png
[u_61945582_2370567785_fm_173_app_25_f_JPEG_w_640_h_317_s_4D51E41A9C22CE0916D4617E03003032]: /images/20210605/eac8b99615de44d881584f387c860234.png