10个超好看 后台管理面板,再也不愁UI了

article/2025/9/2 6:25:29

来源:www.jianshu.com/p/3bc7404af887

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

1. AdminLTE

Github Star 数 24969 , Github 地址:

https://github.com/almasaeed2010/AdminLTE

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

2. vue-Element-Admin

Github Star 数 19546, Github 地址:

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

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

3. tabler

Github Star 数 15870, Github 地址:

https://github.com/tabler/tabler

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

4. Gentelella

Github Star 数 15654, Github 地址:

https://github.com/puikinsh/gentelella

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

5. ng2-admin

Github Star 数 13181, Github 地址:

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

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

6. ant-design-pro

Github Star 数 12707,Github 地址:

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

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

7. blur-admin

Github Star 数 9241,Github 地址:

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

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

8. vue-admin

Github Star 数 8676,Github 地址:

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

基于 Vue 和 Bulma 的控制面板。

9. iview-admin

Github Star 数 8668,Github 地址:

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

基于 iView 的 Vue 2.0 控制面板。

10. material-dashboard

Github Star 数 7111,Github 地址:

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

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


http://chatgpt.dhexx.cn/article/bry2jJAH.shtml

相关文章

vue+element ui 项目 后台管理系统

前端界面 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><script src"js/vue.js"></script><script src"js/axios-0.18.0.js"></scrip…

后台管理UI集合--你知道哪些

目录 一、EasyUI二、DWZ JUI三、HUI四、BUI五、Ace Admin六、Metronic七、H UI八、Admin LTE九、INSPINIA十、LigerUI十一、FineUI十二、其它UI十三、总结下下载 最近要做一个企业的OA系统&#xff0c;以前一直使用EasyUI&#xff0c;一切都好&#xff0c;但感觉有点土了&#…

【Element UI通用后台管理系统】(一)项目搭建

一、使用Yarn作为项目的包管理工具 1、Yarn是什么&#xff1f; “Yarn是由Facebook、Google、Exponent和Tilde联合推出了一个新的JS包管理工具&#xff0c;正如官方文档中写的&#xff0c;Yarn是为了弥补npm的一些缺陷而出现的。”这句话让我想起了使用npm时的坑&#xff1a;…

10个开源且优秀的后台管理系统UI面板

点击上方“后端技术精选”&#xff0c;选择“置顶公众号” 技术文章第一时间送达&#xff01; 作者&#xff1a;SevDot www.jianshu.com/p/3bc7404af887 推荐阅读(点击即可跳转阅读) 1. SpringBoot内容聚合 2. 面试题内容聚合 3. 设计模式内容聚合 4. 排序算法内容聚合 5. 多线…

后台管理UI的框架选择

一、EasyUI easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化&#xff0c;互动&#xff0c;JavaScript应用程序&#xff0c;提供必要的功能。 使用easyui你不需要写很多代码&#xff0c;你只需要通过编写一些简单HTML标记&#xff0c;就可以定义用户界面。 easy…

【开源项目】一、最美的Vue+Element开源后台管理UI

作者&#xff1a;EuiAdmin 原文&#xff1a;http://suo.im/5AkUrQ 前言&#xff1a; EuiAdmin是基于VueElement等组件联合开发的一个免费的开源后台&#xff0c;你可以通过&#xff08;euiadmin.com&#xff09;进行下载和体验&#xff0c;此后台免费开源&#xff0c;你可以直…

【精美后台管理系统模版->UI界面欣赏】

【精美后台管理系统模版->UI界面欣赏】 界面欣赏 登录界面 系统主界面 功能主界面 菜单定制界面 菜单定制更新界面 主题变更 登录主题变更界面 XML 数据构建代码 <?xml version"1.0" encoding"utf-8"?> <XmlMenu><MenuConte…

Easyui后台管理界面设计

1 Easyui 后台管理界面登陆设计 {Layout null; }<!DOCTYPE html><html> <head><meta name"viewport" content"widthdevice-width" /><title>Index</title><script src"~/Scripts/jquery-1.8.2.js">…

后台管理UI的选择

http://www.cnblogs.com/best/p/5782891.html 目录 一、EasyUI二、DWZ JUI三、HUI四、BUI五、Ace Admin六、Metronic七、H UI八、其它UI九、总结 最近要做一个企业的OA系统&#xff0c;以前一直使用EasyUI&#xff0c;一切都好&#xff0c;但感觉有点土了&#xff0c;想换成现…

后台管理UI

原文地址&#xff1a;https://www.cnblogs.com/Leo_wl/p/5791545.html 后台管理UI 目录 一、EasyUI二、DWZ JUI三、HUI四、BUI五、Ace Admin六、Metronic七、H UI八、Admin LTE九、INSPINIA十、LigerUI十一、其它UI十二、总结 最近要做一个企业的OA系统&#xff0c;以前一直使用…

基于Boostrap的H+ 后台主题UI框架(开源)

目录 H 后台主题 UI 框架 H的布局及几种常用UI组件 H 后台主题 UI 框架 H是一款常用后台主题UI框架。首发于 2013 年&#xff0c;由 Zihans Blog 开发并维护&#xff0c;属于国内早期做中后台 UI 框架的产品&#xff0c;在国内拥有广泛的用户基础。由于作者自身原因&#xf…

使用 妹子UI 开发后台管理页面

使用 Amaze UI 开发漂亮的后台管理页面&#xff0c;管理端登录页面、管理端列表页面、管理端保存页面。 页面布局样式使用固定定位和flex实现。 创作时间&#xff1a;2022年10月9日09:21:36 登录页面效果 列表页面效果 保存页面效果 引入 妹子UI 样式文件 <link rel"…

通用后台管理系统前端界面

1、项目搭建 局部安装vue-cli 4.5.15 和创建项目 1.1 局部安装vue-cli 工具&#xff0c;方便不同版本进行切换 ###安装指定版本的vue脚手架工具 或者是已安装了&#xff0c;该命令则为使用4.5.15版本的vue/cli npm i -D vue/cli4.5.15 ###查看当前vue脚手架工具版本…

前端技术栈:后台管理端UI框架

链接汇总 X-Admin&#xff08;http://x.xuebingsi.com/&#xff09;若依管理系统&#xff08;http://www.ruoyi.vip/&#xff09;人人开源&#xff08;https://www.renren.io/guide&#xff09;El-Admin&#xff08;https://el-admin.vip/&#xff09; X-Admin 基于 LayUI 开…

vue+element-ui通用后台管理系统(适合新手)

vueelement-ui通用后台管理系统&#xff08;适合新手&#xff09; 1、使用到的技术 使用vue2element-uiaxiosjs-cookielessecharts实现的一个简易的通用后台管理系统&#xff0c;具有很强的可扩展性&#xff0c;修改简单&#xff0c;只要有点前端基础就能看懂&#xff1b; 2…

VUE搭建后台管理界面

后台管理 一、前言二、依赖配置三、koa框架四、数据库五、路由六、前端界面6.1 登录界面6.2 注册界面6.3 展示界面 七、阿里云部署7.1 前端项目7.2 后端node7.3 mysql安装7.4 测试 八、总结 一、前言 本篇文章从头到尾过一遍vue3搭建项目的过程&#xff0c;实现一个用户登录、…

前端UI大全(针对后台管理系统)

转自http://blog.csdn.net/u011001084/article/details/52250270 最近有个项目需要&#xff0c;维护优化以前一个外包的项目&#xff0c;由于项目比较早所以UI不太美观&#xff0c;想做重构。想满足的条件应该达到如下几个&#xff1a; 1、美观、大方、简洁 2、兼容IE8、不考…

jQ UI 后台管理系统基础UI

jQ UI 后台管理系统基础UI jQ UI 后台管理系统基础UI基础页面![在这里插入图片描述](https://img-blog.csdnimg.cn/44464b1228d740779a3cdfadeca60726.png?x-oss-processimage/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5b-D54G155qE5Yi26YCg5ZWG,size_…

后台UI框架介绍

后台管理UI的选择 最近要做一个企业的OA系统&#xff0c;以前一直使用EasyUI&#xff0c;一切都好&#xff0c;但感觉有点土了&#xff0c;想换成现在流行的Bootstrap为基础的后台UI风格&#xff0c;想满足的条件应该达到如下几个&#xff1a; 1、美观、大方、简洁 2、兼容I…

后台UI框架开发(一)

后台UI框架开发(一) 众所周知&#xff0c;现在的后台管理系统的前端页面基本上都是一个样子…… 那既然&#xff0c;每个后台管理页面的样子都是这样的&#xff0c;那我们能不能设计一个页面&#xff0c;专门写成这个样子&#xff0c;只需要以面向对象的方式去使用某些方法来修…