Github上 10 个开源免费且优秀的后台控制面板

r囧r小猫 2022-03-01 00:20 264阅读 0赞

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

## AdminLTE ##

**Github Star 数 24969 ， Github 地址：**[https://github.com/almasaeed2010/AdminLTE][https_github.com_almasaeed2010_AdminLTE]**。**  
非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。

![Image 1][]

后台截图

## vue-Element-Admin ##

**Github Star 数 19546， Github 地址： [https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]。**  
一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。

![Image 1][]

后台截图

## tabler ##

**Github Star 数 15870， Github 地址：**[https://github.com/tabler/tabler][https_github.com_tabler_tabler]**。**  
构建在 BootStrap 4 之上的免费的 HTML 控制面板框架

![Image 1][]

后台截图

## Gentelella ##

**Github Star 数 15654， Github 地址：**[https://github.com/puikinsh/gentelella][https_github.com_puikinsh_gentelella]**。**  
一个基于 Bootstarp 的免费的后台控制面板。

![Image 1][]

后台截图

## ng2-admin ##

**Github Star 数 13181， Github 地址：**[https://github.com/akveo/ngx-admin][https_github.com_akveo_ngx-admin]**。**  
基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。

![Image 1][]

后台截图

## ant-design-pro ##

**Github Star 数 12707，Github 地址：**[https://github.com/ant-design/ant-design-pro][https_github.com_ant-design_ant-design-pro]**。**  
开箱即用的中台前端/设计解决方案

![Image 1][]

后台截图

## blur-admin ##

**Github Star 数 9241，Github 地址：**[https://github.com/akveo/blur-admin][https_github.com_akveo_blur-admin]**。**  
基于 Angular 和 Bootstrap 的后台管理面板框架。

![Image 1][]

后台截图

## vue-admin ##

**Github Star 数 8676，Github 地址：**[https://github.com/vue-bulma/vue-admin][https_github.com_vue-bulma_vue-admin]**。**  
基于 Vue 和 Bulma 的控制面板。

![Image 1][]

后台截图

## iview-admin ##

**Github Star 数 8668，Github 地址：**[https://github.com/iview/iview-admin][https_github.com_iview_iview-admin]**。**  
基于 iView 的 Vue 2.0 控制面板。

![Image 1][]

后台截图

## material-dashboard ##

**Github Star 数 7111，Github 地址：**[https://github.com/creativetimofficial/material-dashboard][https_github.com_creativetimofficial_material-dashboard]**。**  
基于 Bootstrap 4 和 Material 风格的控制面板。

![Image 1][]

后台截图

[https_github.com_almasaeed2010_AdminLTE]: https://github.com/almasaeed2010/AdminLTE
[Image 1]: 
[https_github.com_PanJiaChen_vue-element-admin]: https://github.com/PanJiaChen/vue-element-admin
[https_github.com_tabler_tabler]: https://github.com/tabler/tabler
[https_github.com_puikinsh_gentelella]: https://github.com/puikinsh/gentelella
[https_github.com_akveo_ngx-admin]: https://github.com/akveo/ngx-admin
[https_github.com_ant-design_ant-design-pro]: https://github.com/ant-design/ant-design-pro
[https_github.com_akveo_blur-admin]: https://github.com/akveo/blur-admin
[https_github.com_vue-bulma_vue-admin]: https://github.com/vue-bulma/vue-admin
[https_github.com_iview_iview-admin]: https://github.com/iview/iview-admin
[https_github.com_creativetimofficial_material-dashboard]: https://github.com/creativetimofficial/material-dashboard