GitHub开源的10个超棒后台管理面板

男娘i 2023-06-23 10:54 5阅读 0赞

# 1、AdminLTE #

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

网站：[https://github.com/ColorlibHQ/AdminLTE][https_github.com_ColorlibHQ_AdminLTE]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70][]

# 2、vue-Element-Admin #

简介：一个基于 vue2.0 和 Element 的控制面板 UI 框架。

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 1][]

# 3、tabler #

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

网站：[https://github.com/tabler/tabler][https_github.com_tabler_tabler]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 2][]

# 4、Gentelella #

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

网站：[https://github.com/ColorlibHQ/gentelella][https_github.com_ColorlibHQ_gentelella]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 3][]

# 5、ng2-admin #

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 4][]

# 6、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_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 5][]

# 7、blur-admin #

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 6][]

# 8、iview-admin #

简介：基于 iView 的 Vue 2.0 控制面板。

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 7][]

# 9、material-dashboard #

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

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

![20191218163337610.gif][]

# 10、layui #

简介：layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。

网站：[https://www.layui.com/][https_www.layui.com]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 8][]

[https_github.com_ColorlibHQ_AdminLTE]: https://github.com/ColorlibHQ/AdminLTE
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191218162826734.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_PanJiaChen_vue-element-admin]: https://github.com/PanJiaChen/vue-element-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191218162917683.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_tabler_tabler]: https://github.com/tabler/tabler
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191218162954978.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_ColorlibHQ_gentelella]: https://github.com/ColorlibHQ/gentelella
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191218163038258.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_akveo_ngx-admin]: https://github.com/akveo/ngx-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/2019121816311354.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_ant-design_ant-design-pro]: https://github.com/ant-design/ant-design-pro
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191218163152846.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_akveo_blur-admin]: https://github.com/akveo/blur-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191218163233641.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_iview_iview-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fiview%2Fiview-admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191218163300384.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70
[https_github.com_creativetimofficial_material-dashboard]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fcreativetimofficial%2Fmaterial-dashboard
[20191218163337610.gif]: https://img-blog.csdnimg.cn/20191218163337610.gif
[https_www.layui.com]: https://www.layui.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20191218163408555.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbW9udHJlZV9mdQ==,size_16,color_FFFFFF,t_70