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

素颜马尾好姑娘i 2023-02-27 05:41 101阅读 0赞

开发中几乎平台都需要一个后台管理系统，但是从零开发一套后台控制面板并不容易，

幸运的是有很多开源免费的后台控制面板可以给开发者使用，那么有哪些优秀的开源免费的控制面板呢？

我在 Github 上收集了10个优秀的后台控制面板，今天把他们分享给你，希望对你有所帮助。

## AdminLTE ##

地址：

[https://github.com/almasaeed2010/AdminLTE][https_github.com_almasaeed2010_AdminLTE]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70]

## vue-Element-Admin ##

地址：

[https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 1]

## tabler ##

地址：

[https://github.com/tabler/tabler][https_github.com_tabler_tabler]

构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 2]

## Gentelella ##

地址：

[https://github.com/puikinsh/gentelella][https_github.com_puikinsh_gentelella]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 3]

## ngx-admin ##

地址：

[https://github.com/akveo/ngx-admin][https_github.com_akveo_ngx-admin]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 4]

## ant-design-pro ##

地址：

[https://github.com/ant-design/ant-design-pro][https_github.com_ant-design_ant-design-pro]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 5]

## blur-admin ##

地址：

[https://github.com/akveo/blur-admin][https_github.com_akveo_blur-admin]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 6]

## vue-admin ##

地址：

[https://github.com/vue-bulma/vue-admin][https_github.com_vue-bulma_vue-admin]

基于 Vue 和 Bulma 的控制面板。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 7]

## iview-admin ##

地址：

[https://github.com/iview/iview-admin][https_github.com_iview_iview-admin]

基于 iView 的 Vue 2.0 控制面板。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 8]

## material-dashboard ##

地址：

[https://github.com/creativetimofficial/material-dashboard][https_github.com_creativetimofficial_material-dashboard]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 9]

总结感谢阅读，到这里，10个优秀的开源后台控制面板就分享完毕了，如果你觉得对你有所帮助，请给我点一个赞，谢谢！！

--------------------

> 摘至开课吧前端团队，阅读后颇有收获分享至此，希望对大家有所帮助~

[https_github.com_almasaeed2010_AdminLTE]: https://github.com/almasaeed2010/AdminLTE
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70]: /images/20230209/642c1966e9124903b6f30fd6d54c0eb7.png
[https_github.com_PanJiaChen_vue-element-admin]: https://github.com/PanJiaChen/vue-element-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 1]: /images/20230209/3f64506d474f42c9aa9a0c7a1f34d7fe.png
[https_github.com_tabler_tabler]: https://github.com/tabler/tabler
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 2]: /images/20230209/ab4482ac4265483891d1401a596ebcc3.png
[https_github.com_puikinsh_gentelella]: https://github.com/puikinsh/gentelella
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 3]: /images/20230209/1f3907242275428c8582f54ff4793bd4.png
[https_github.com_akveo_ngx-admin]: https://github.com/akveo/ngx-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 4]: /images/20230209/b5bb8ec9782b4700972e4e300cc2124f.png
[https_github.com_ant-design_ant-design-pro]: https://github.com/ant-design/ant-design-pro
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 5]: /images/20230209/1ce0efe53f144c1a9da5e04b0153574f.png
[https_github.com_akveo_blur-admin]: https://github.com/akveo/blur-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 6]: /images/20230209/e25f99fea6c44c3b8edc18019f137d0b.png
[https_github.com_vue-bulma_vue-admin]: https://github.com/vue-bulma/vue-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 7]: /images/20230209/e275afbf41854737a7fa26a61c556a0c.png
[https_github.com_iview_iview-admin]: https://github.com/iview/iview-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 8]: /images/20230209/bf51c68e7524479796a058fc881bf888.png
[https_github.com_creativetimofficial_material-dashboard]: https://github.com/creativetimofficial/material-dashboard
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwMDcxNDE1_size_16_color_FFFFFF_t_70 9]: /images/20230209/1a17707369bf4025baf1734e6fdcf12c.png