Github上10 个优秀的后台控制面板

淡淡的烟草味﹌ 2021-07-31 12:46 421阅读 0赞

点击上方**蓝色字体**，选择“置顶公众号”

优质文章，第一时间送达

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

作者 | SevDot

链接 | jianshu.com/p/3bc7404af887

Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，那么有哪些优秀的开源免费的控制面板呢？

我在 Github 上收集了一些优秀的后台控制面板，并总结得出Top 10

## **1. vue-Element-Admin** ##

Github Star 数 38000+， Github 地址：

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

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

![640?wx\_fmt=png][640_wx_fmt_png]

## **2. AdminLTE** ##

Github Star 数 29000+， Github 地址：

> https://github.com/almasaeed2010/AdminLTE

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

## **3. tabler** ##

Github Star 数 18000+， Github 地址：

> https://github.com/tabler/tabler

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 2]

## **4. Gentelella** ##

Github Star 数 17000+， Github 地址：

> https://github.com/puikinsh/gentelella

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 3]

## **5. ng2-admin** ##

Github Star 数 17000+， Github 地址：

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

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 4]

## **6. ant-design-pro** ##

Github Star 数 20000+，Github 地址：

> https://github.com/ant-design/ant-design-pro

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 5]

## **7. blur-admin** ##

Github Star 数 10000+，Github 地址：

> https://github.com/akveo/blur-admin

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 6]

## **8. vue-admin** ##

Github Star 数 9000+，Github 地址：

> https://github.com/vue-bulma/vue-admin

基于 Vue 和 Bulma 的控制面板。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 7]

## **9. iview-admin** ##

Github Star 数 12000+，Github 地址：

> https://github.com/iview/iview-admin

基于 iView 的 Vue 2.0 控制面板。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 8]

## **10. material-dashboard** ##

Github Star 数 8000+，Github 地址：

> https://github.com/creativetimofficial/material-dashboard

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

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 9]

[640_wx_fmt_jpeg]: /images/20210731/6599c745f525499889b31f205f0586b3.png?wx_fmt=jpeg
[640_wx_fmt_png]: /images/20210731/6dfda9eced444178b63b03819e8ccae0.png?wx_fmt=png
[640_wx_fmt_jpeg 1]: /images/20210731/c61312acb30049ed8351ff53cdb21dfc.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 2]: /images/20210731/d92561b06c5945cbabdf64daaafe4d4b.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 3]: /images/20210731/b2b467087b9941d3a230be838b5f7872.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 4]: /images/20210731/0f70ca5c39454781a426ecde17bc5ef9.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 5]: /images/20210731/ddada25f2f4946cfb523e7de4de449b7.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 6]: /images/20210731/fb8b9e0bed2d43d2b1ddc00ec39bcf20.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 7]: /images/20210731/276d4dd4031d4a9caa904b2ae7492407.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 8]: /images/20210731/f9a06c7c3ba649df941a042551b6258b.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 9]: /images/20210731/5bbf19c1d3b441cf98c8e6575ce41422.png?wx_fmt=jpeg