QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 3605|回复: 0

[HTML/CSS/JS] 10个超好看后台管理面板UI

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1323 小时
   最后登录 : 2026-3-2

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2021-3-16 09:36:37 | 显示全部楼层 |阅读模式
       Web开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?在Github上收集了一些优秀的后台控制面板,总结得出Top10。# X" V8 P5 v3 o/ I' \$ v
1. AdminLTE; o& x$ Y5 y- B# l
https://github.com/almasaeed2010/AdminLTE
- s3 C! A1 t! y+ R" `6 N非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。
3 O" M& m# a+ x5 k! h- d0 R9 @+ i4 S 1.jpg
/ |7 \' ^; k% E) [( E2 v2. vue-Element-Admin* `# _& z( t$ s0 K# U
https://github.com/PanJiaChen/vue-element-admin) |3 `, d: t% b/ F- S- q1 N
一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。7 Y' A  w4 F3 ^/ E) P0 r
2.jpg
% a: O$ [' s3 g) W8 `) L" S3. tabler
  {6 f5 E+ L0 f+ {. E; Jhttps://github.com/tabler/tabler  }; S. A" _0 s0 P: C2 E  `2 S
构建在 BootStrap 4 之上的免费的 HTML 控制面板框架
9 ^% c8 }8 G1 K( @* Z# U2 f 3.jpg
" J% j% G) J( z- E+ F4. Gentelella; ~2 k9 R: Z9 H+ b! f! Q4 C$ R8 E
https://github.com/puikinsh/gentelella- ]  |. l8 O0 x, U, L
一个基于 Bootstarp 的免费的后台控制面板。" M4 h0 s- G" L2 n- x8 W" q. G6 m# m
4.jpg
! D8 I6 _! h2 k( F/ R2 ^5. ng2-admin( L$ V* F' C! q$ l* K0 [
https://github.com/akveo/ngx-admin. l5 ]' O4 u1 I- o0 ~
基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。  r& w1 B- L' X5 T3 c6 n
5.jpg $ \8 ?5 E6 H. R) v2 `: ^' n
6. ant-design-pro) g7 M$ K! K( n
https://github.com/ant-design/ant-design-pro
( Y) C, M# H: J2 q! J9 f& d# s! |3 c开箱即用的中台前端/设计解决方案
- y) a4 A. a" B) Z5 A8 f4 m6 W 6.jpg ) Y& j& }$ s. k7 t( v8 R
7. blur-admin) t: p, C$ V3 y4 t/ W. O6 }
https://github.com/akveo/blur-admin- k& S" n' ~6 e; p$ F$ q
基于 Angular 和 Bootstrap 的后台管理面板框架。
4 h4 m& d/ ^7 R% u  G 7.jpg 6 b" b' z: @9 X) G6 h3 g
8. vue-admin9 ]; ]  c" S! b" u; J
https://github.com/vue-bulma/vue-admin9 V4 L) H, }7 i6 [6 c7 @
基于 Vue 和 Bulma 的控制面板。# H. l8 A+ A  q- O9 r6 O: ^7 ~  e
8.jpg " D7 Z8 _. \1 D  f
9. iview-admin
/ }" y: \1 O3 ?- |https://github.com/iview/iview-admin/ F) B0 |4 G' y
基于 iView 的 Vue 2.0 控制面板。5 K" t) v- r7 Y4 @
9.jpg % t. o3 h5 y5 Y: L, ~  [- y
10. material-dashboard% c1 E8 S, o0 t% n. p5 t
https://github.com/creativetimofficial/material-dashboard
9 o3 J6 e7 Q  s  q" ^基于 Bootstrap 4 和 Material 风格的控制面板。
5 u( [/ n5 `7 U7 x& d 10.jpg " _! Q$ r5 F6 i. Y4 [
6 I0 z5 a* `4 r/ z! w3 D" Q* p
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2026-3-25 02:18

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表