个人网站必备的 10 个开源后台管理UI库

- 日理万妓 2022-09-11 06:27 182阅读 0赞

点击上方关注 前端技术江湖，一起学习，天天进步

## 前言 ##

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

## 1、vue-Element-Admin ##

Github Star 数 45100， Github 地址：

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

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

![2a7ff8d242a21a5e32a08a89ae79a2b8.png][]

## 2、AdminLTE ##

Github Star 数 32000 ， Github 地址：

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

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

![f555c7f9b48a0c1974fac3739bdfad22.png][]

## 3、ant-design-pro ##

Github Star 数 22600，Github 地址：

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

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

![50e163f707dd8078ed27143517d25aa5.png][]

## 4、tabler ##

Github Star 数 20000， Github 地址：

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

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

![ad4c315cde13a319851dda0e50f59eb8.png][]

## 5、ng2-admin ##

Github Star 数 19000， Github 地址：

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

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

![fe80e7526a3e12bae612d1700eda23d7.png][]

## 6、Gentelella ##

Github Star 数 18300， Github 地址：

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

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

![7118eeee399ec1669e8b12adbc0f3460.png][]

## 7、iview-admin ##

Github Star 数 13700，Github 地址：

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

基于 iView 的 Vue 2.0 控制面板。

![bf6b5f89e227864376ee0bf8070f76c7.png][]

## 8、blur-admin ##

Github Star 数 10600，Github 地址：

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

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

![aaf215f1556bdf0d04e8799a98366840.png][]

## 9、vue-admin ##

Github Star 数 9400，Github 地址：

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

基于 Vue 和 Bulma 的控制面板。

![08b670c76a243840241932b03793a0ef.png][]

## 10、material-dashboard ##

Github Star 数 8600，Github 地址：

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

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

![80e08648f42c64c0582e301bb847b2c3.png][]

The End

欢迎自荐投稿到《前端技术江湖》，如果你觉得这篇内容对你挺有启发，记得点个 **「在看」**哦

点个『在看』支持下 ![8df7acf1d44ca44c8ab10d9cba95e01c.gif][]

[2a7ff8d242a21a5e32a08a89ae79a2b8.png]: /images/20220828/0cd63b2c6419479c9ff6c85457a0c502.png
[f555c7f9b48a0c1974fac3739bdfad22.png]: /images/20220828/85b8f9382dad4f0eaeb31f2e9766b6ba.png
[50e163f707dd8078ed27143517d25aa5.png]: /images/20220828/ccce348782674beeb2c29a79dac94d06.png
[ad4c315cde13a319851dda0e50f59eb8.png]: /images/20220828/f1c90beb529e457eb9f68cae26a2ba14.png
[fe80e7526a3e12bae612d1700eda23d7.png]: /images/20220828/ec4ab85b6d674f79ad27cf21e3cd9186.png
[7118eeee399ec1669e8b12adbc0f3460.png]: /images/20220828/778168bcb8f2450a8dc52f8ac8c9e209.png
[bf6b5f89e227864376ee0bf8070f76c7.png]: /images/20220828/0919c9765ee54c9684f184337550f5ad.png
[aaf215f1556bdf0d04e8799a98366840.png]: /images/20220828/43c8d71cccb7425694361497da147ced.png
[08b670c76a243840241932b03793a0ef.png]: /images/20220828/7a193b9af93f4800802641ae904e57ab.png
[80e08648f42c64c0582e301bb847b2c3.png]: /images/20220828/f01d0d30f7ec429482542508a096cfc1.png
[8df7acf1d44ca44c8ab10d9cba95e01c.gif]: /images/20220828/084a375283ca49819d04d19b267b8a4a.png