vue3 admin

收集的一些比较好看的vue3 + ts 的后台管理开源项目 从美观，维护频率...角度来给项目打分

element plus3

vue-next-admin ★★★★

界面

• https://github.com/lyt-Top/vue-next-admin
• 演示：https://lyt-top.gitee.io/vue-next-admin-preview/
• 文档：https://lyt-top.gitee.io/vue-next-admin-doc-preview/

提供精简版，ts、数据可视化、wangEditor
没有mockjs

Geeker Admin ★★★

界面

• https://github.com/HalseySpicy/Geeker-Admin
• 演示：https://admin.spicyboy.cn/
• 文档：https://docs.spicyboy.cn/guide/index.html

ts、数据可视化、表格curd不错、wangeditor
标签没有右键、部分组件没有完善、移动端效果差

vue-pure-admin ★★★

界面

• https://github.com/xiaoxian521/vue-pure-admin
• 演示：https://yiming_chang.gitee.io/vue-pure-admin
• 文档：https://yiming_chang.gitee.io/pure-admin-doc/pages/introduction/

有单独封装的table（https://github.com/pure-admin/pure-admin-table）
提供精简版，兼容移动端，集成ts，表格拖拽、分离的表格、防抖、节流、作者维护更新频率高
没有底部版权

fantastic-admin ★★★

界面

• https://github.com/fantastic-admin/basic
• 演示(专业版)：https://fantastic-admin.gitee.io/pro-example
• 文档：https://fantastic-admin.github.io/guide/intro.html

ts、有单独组件、上传组件

SCUI-Admin ★★★

界面

• https://github.com/curvanordw11/SCUI-Admin
• 演示：https://curvanordw11.github.io/SCUI-Admin/dist/

js tinymce编辑器、有单独组件

v3-admin-vite ★★★

界面

• https://github.com/un-pany/v3-admin-vite
• 演示：https://un-pany.github.io/v3-admin-vite
• 文档：https://juejin.cn/post/7089377403717287972

组件较为精简、pnpm

vue-element-plus-admin ★★★★

界面

• https://github.com/kailong321200875/vue-element-plus-admin
• 精简版：https://github.com/kailong321200875/vue-element-plus-admin/tree/template
• 演示：https://element-plus-admin.cn/
• 文档：https://element-plus-admin-doc.cn/

提供精简版、ts、wangeditor

wocwin Admin ★★★

界面

• https://github.com/wocwin/wocwin-admin
• 演示：https://wocwin.github.io/wocwin-admin/
• 组件文档：https://wocwin.github.io/t-ui-plus/

ts、组件代码依赖少(适合现拿现用)

buildadmin ★★★

界面

• https://github.com/build-admin/buildadmin/tree/v2/web
• 演示：https://demo.buildadmin.com/#/admin/login

thinkphp ts、表格curd不错

vue-manage-system ★★★

界面

• https://github.com/lin-xin/vue-manage-system
• 演示：https://lin-xin.gitee.io/example/work/

ts、简单上手快
组件较为精简，无文档

vue-admin-box ★★★

界面

• https://github.com/cmdparkour/vue-admin-box
• 演示：https://cmdparkour.github.io/vue-admin-box/dist/

ts、

cool-admin-vue ★★★

界面

• https://github.com/cool-team-official/cool-admin-vue
• 演示(admin/123456)：https://show.cool-admin.com/login
• 文档：https://cool-js.com/admin/vue/quick.html

ts、wangEditor、后端集成较好
目录结构比较复杂

vue-admin-better ★★

界面

• https://github.com/chuzhixin/vue-admin-better
• 演示：https://vue-admin-beautiful.com/admin-plus/

提供精简版
收费、vuex

vue3-composition-admin ★★

界面

• https://github.com/RainManGO/vue3-composition-admin
• 演示：https://admin-tmpl-test.rencaiyoujia.cn/#/dashboard

表格拖拽

meadmin ★★

界面

• https://github.com/meadmin-cn/meadmin-template
• 演示：https://meadmin-cn.gitee.io/meadmin-template/
• 文档：https://meadmin-cn.gitee.io/meadmin-template-doc/guide/

ts、组件代码依赖少(适合现拿现用)

ant-design

vue-vben-admin

• https://github.com/vbenjs/vue-vben-admin
• 演示：https://vben.vvbin.cn/
• 文档：https://doc.vvbin.cn/

ts、提供精简版
不是element plus 用的是ant-design

vue-bag-admin

• https://github.com/hangjob/vue-bag-admin
• 演示：https://vite.itnavs.com/admin.html
• 文档：https://vite.itnavs.com/doc/admin/guide/introduce.html

NaiveUI

soybean-admin

• https://github.com/honghuangdc/soybean-admin
• 演示：https://soybean.pro

echart、地图、视频、编辑器、mock

naive-ui-admin (收费)

• https://github.com/jekip/naive-ui-admin
• 演示：https://jekip.github.io/
• 文档：https://jekip.github.io/docs

mock

其它

• https://github.com/moell-peng/mojito-admin 不推荐
• https://github.com/lqsong/admin-element-vue
• https://github.com/ijry/uiadmin
• https://github.com/kanyxmo/MineAdmin-Vue

可以在 https://github.com/trending/vue?since=daily 找 ，选vue

推荐10个基于Vue3.0全家桶的优秀开源项目，微信文章：https://mp.weixin.qq.com/s/5gm9pWVnbE3x3bagCfdrfQ