Back-office foundation based on Vue 3, Element Plus, and Pinia
VueAdmin dashboard
vue-relaxed-admin — Vue Admin dashboard Template
By shoppingzh
A Vue 3-based mid-to-back-office template integrating Element Plus, Pinia, and TailwindCSS, offering common back-office capabilities such as theme switching, dark mode, and configurable tables.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Integrates TailwindCSS and provides dark, color-weak, gray modes, and theme color switching
Built-in configurable tables, charts, watermarks, fullscreen, keyboard shortcuts, and other feature guide solutions
Engineering side includes ESLint/Prettier, husky/commitlint, JSX, and multi-page history routing support
Provides SVG sprites and automatic iconfont download solutions, and supports automatic component registration and Mock
Template Details
vue-relaxed-admin is a Vue front-end template for mid-to-back-office scenarios, released under the MIT license, with an online preview and README documentation in the repository. At the engineering level, the template integrates ESLint/Prettier, husky/commitlint, supports JSX, multi-page history routing, SVG sprites, and automatic iconfont downloads, and includes performance optimizations noted by the author.
At the development level, it is built on Vue 3, Element Plus, and Pinia, providing automatic component registration, Mock, TailwindCSS integration, as well as dark mode, color-weak mode, gray mode, and theme color switching. At the solution level, it covers smooth scrolling, copy-paste, network disconnection detection, fullscreen, keyboard shortcuts, feature guides, watermarks, charts, and configurable tables.
The template is positioned as a ready-to-use starting point for mid-to-back-office projects, suitable for adjusting pages and configurations according to business needs. The README does not list specific dependency versions or describe performance and stability in production environments; users should verify dependencies and third-party asset licenses before use.
VueBack office
Is it right for your project?
Use Cases
- Need a Vue 3 mid-to-back-office starter template to quickly build an admin interface with sidebar and data pages
- Want to directly use Element Plus and TailwindCSS together to develop back-office pages in a project
- Need interface preference capabilities such as dark mode, theme color switching, or color-weak/gray modes
- Need common back-office interaction components such as configurable tables, charts, watermarks, and fullscreen
- Need a Vue back-office project structure with multi-page history routing or JSX syntax
Suitable For
- Front-end developers familiar with Vue 3 and Element Plus who want to reduce the effort of building a back-office foundation
- Mid-to-back-office projects that need modifiable source code and business-specific themes and page layouts
- Teams that accept the MIT license and are willing to verify third-party asset licenses themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository uses the MIT license; when distributing copies or substantial portions of the code, the copyright notice and license notice must be retained
- 2
The README does not list specific dependency versions; before installation, verify dependencies and compatibility in package.json
- 3
Third-party assets such as demo images, fonts, and icons must be confirmed separately under their respective licenses
- 4
The template provides an online preview address; you can first check the preview to confirm the scope of features before deciding to use it
- 5
External services such as domains, hosting, and databases may incur additional costs and should be evaluated independently
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
https://github.com/shoppingzh/vue-relaxed-admin/blob/main/LICENSEhttps://github.com/shoppingzh/vue-relaxed-admin/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 64 / 100
- Technologies
- Vue
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2024-08-22
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 56f9c93f82a36eef68c7f03f6600d33f98807be9e60a299607b8dea39dea891e
2026-10-03T15:52:29.228Z
Source file / repository# vue-relaxed-admin 轻松的、开箱即用的中后台模板。 ## 🍧 预览 在线访问地址：[https://vue.zhengxiaoping.xyz/](https://vue.zhengxiaoping.xyz/)  ## 🚀 特性 **工程基础** - ESLint/Prettier 集成 - husky/commitlint 集成 - JSX支持 - 兼容性 - 多页支持（支持多页history路由！） - svg 雪碧图与自动下载 iconfont 方案 - 性能优化 **开发基础** - Vue3/Element Plus/Pinia - 组件自动注册 - Mock - TailwindCSS 集成 - 暗黑模式/色弱模式/灰色模式 - 支持主题色换肤 **解决方案** - 平滑滚动 - 复制粘贴 - 断网检测 - 全屏 - 快捷键 - 功能指引 - 水印 - 图表 - 配置化表格
Explore similar templates
Compare previews and descriptions within the same stack and category.
vuestic-admin
Vuestic Admin is an open-source Vue 3 admin template maintained by Epicmax, built on Vuestic UI with Vite, Pinia, and Tailwind CSS. It provides a ready-to-run dashboard with a dark theme, global configuration, i18n internationalization, and responsive layout.
Vue · Admin dashboard
v3-admin-vite
v3-admin-vite is an AI-friendly Vue3 admin template built on Vue3, Vite, TypeScript, and Element Plus. It keeps a lean structure with detailed comments, supports backend-controlled dynamic route permissions, page-level and button-level permissions, multiple themes and layouts, and mobile compatibility.
Vue · Admin dashboard
vue-typescript-admin-template
A Vue 2.6 + TypeScript + Element UI admin template ported from vue-element-admin, offering type safety and enterprise features like permission authentication, internationalization, dynamic themes, editors, charts, Excel/PDF handling, and PWA support.
Vue · Admin dashboard
vue-antd-admin
Vue Antd Admin is the Vue implementation of Ant Design Pro, providing an out-of-the-box front-end and design solution for admin dashboards.
Vue · Admin dashboard
coreui-free-vue-admin-template
CoreUI's official free Vue admin template, MIT licensed, built on Vue 3 and the CoreUI component library with Vue Router, Pinia, and Vite.
Vue · Admin dashboard
nova-admin
Nova Admin is an admin template built on Vue3, Vite, TypeScript, and Naive UI, with Unocss for styling.
Vue · Admin dashboard