Frontend Development 7 min read

Top Open-Source Vue Admin Templates and Their Resources

This article lists twelve popular open‑source Vue admin dashboard projects, providing each project's GitHub or Gitee repository link, documentation URL, live demo preview, and a screenshot, offering developers a quick reference for selecting a suitable admin UI framework.

Java Captain
Java Captain
Java Captain
Top Open-Source Vue Admin Templates and Their Resources

1. D2admin Open‑source address: https://github.com/d2-projects/d2-admin Documentation: https://d2.pub/zh/doc/d2-admin/ Live preview: https://d2.pub/d2-admin/preview/#/index

2. vue-element-admin Open‑source address: https://github.com/PanJiaChen/vue-element-admin Documentation: https://panjiachen.github.io/vue-element-admin-site/zh/ Live preview: https://d2.pub/d2-admin/preview/#/index

3. JEECG‑BOOT Open‑source address: https://github.com/zhangdaiscott/jeecg-boot Documentation: https://panjiachen.github.io/vue-element-admin-site/zh/ Live preview: http://boot.jeecg.com/

4. GIN‑VUE‑ADMIN Open‑source address: https://github.com/flipped-aurora/gin-vue-admin Documentation: https://www.gin-vue-admin.com/ Live preview: http://demo.gin-vue-admin.com/#/layout/dashboard

5. vue‑admin‑beautiful Open‑source address: https://github.com/chuzhixin/vue-admin-beautiful Documentation: https://www.gin-vue-admin.com/ Live preview: http://beautiful.panm.cn/

6. Dcat‑admin Open‑source address: https://github.com/jqhph/dcat-admin Documentation: http://www.dcatadmin.com/ Live preview: http://103.39.211.179:8080/admin

7. RuoYi Open‑source address: https://gitee.com/y_project/RuoYi Documentation: https://doc.ruoyi.vip/ Live preview: https://vue.ruoyi.vip/index

8. renren‑fast‑vue Open‑source address: https://gitee.com/renrenio/renren-fast-vue Documentation: https://www.renren.io/guide Live preview: http://demo.open.renren.io/renren-fast/#/home

9. ant‑design‑pro Open‑source address: https://github.com/ant-design/ant-design-pro Documentation: https://pro.ant.design/index-cn/ Live preview: https://pro.ant.design/

10. iview‑admin Open‑source address: https://github.com/iview/iview-admin Documentation: https://lison16.github.io/iview-admin-doc/ Live preview: https://admin.iviewui.com/home

11. material‑dashboard Open‑source address: https://github.com/creativetimofficial/material-dashboard#demo Documentation: https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html Live preview: https://demos.creative-tim.com/material-dashboard/examples/dashboard.html

12. EAdmin Open‑source address: https://github.com/suruibuas/eadmin Documentation: http://doc.eadmin.com.cn/ Live preview: http://www.eadmin.com.cn/

These resources provide a quick reference for developers seeking ready‑made Vue admin dashboards; feel free to explore and share any additional recommendations.

frontenduiVueopen-sourcetemplateadmin dashboard
Java Captain
Written by

Java Captain

Focused on Java technologies: SSM, the Spring ecosystem, microservices, MySQL, MyCat, clustering, distributed systems, middleware, Linux, networking, multithreading; occasionally covers DevOps tools like Jenkins, Nexus, Docker, ELK; shares practical tech insights and is dedicated to full‑stack Java development.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.