Frontend based on Vue3, Vite, and TypeScript, with UI using the TDesign Vue Next component library
houcloud-admin — Vue Admin dashboard Template
By yunhouhuang
houcloud-admin is an admin management template based on Vue3, Vite, and TDesign Vue Next, paired with a Java17 and Spring Boot 3 backend example, under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Backend example uses Java17 and Spring Boot 3.x, integrating MySQL, Redis, MyBatis, MyBatis Plus, and Hutool
Provides login account admin / houcloud, with all other account passwords uniformly set to houcloud
Repository uses the MIT license, allowing free use, modification, commercial use, and distribution
README provides both pnpm and npm commands for installation, startup, and build
Includes actual page screenshots for desktop, mobile, and inner pages
Template Details
houcloud-admin is a rapid development framework template open-sourced by yunhouhuang on GitHub, positioned as an out-of-the-box admin management demo project. The frontend uses Vue3, Vite, TypeScript, and the TDesign Vue Next component library, with icons from iconfont.cn; the backend example uses Java17 and Spring Boot 3.x, along with MySQL, Redis, MyBatis, MyBatis Plus, and Hutool. The repository provides a login account admin / houcloud, with all other account passwords uniformly set to houcloud, and includes screenshots of desktop and mobile pages.
For local running, pnpm is recommended: run pnpm install and pnpm dev; you can also install with npm install and then start, with build commands being pnpm run build or npm run build. The README states that secondary development of the frontend requires knowledge of HTML/CSS/JS, Vue3, and TypeScript, while the backend requires understanding of Spring Boot, MySQL, and Redis, and the UI component documentation points to the official TDesign site.
The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided that the copyright and license notice are retained when distributing. Third-party materials such as demo images, fonts, and icons must be checked against their respective licenses; external services like domains, hosting, and databases may incur separate charges. The README does not provide specific dependency version numbers, performance data, or production environment deployment instructions.
Is it right for your project?
Use Cases
- As a starting template for the frontend interface of an admin management system
- Learning the project organization of Vue3 + Vite + TDesign Vue Next
- Referencing backend API examples with Spring Boot 3 and MyBatis Plus
- Secondary development based on the existing account and login flow
Suitable For
- Frontend developers familiar with Vue3 and TypeScript who need an admin management template
- Backend developers who understand Spring Boot, MySQL, and Redis
- Teams looking to modify and commercially use code under the MIT license
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
For local running, pnpm is recommended: first run pnpm install, then pnpm dev
- 2
You can also use npm install to install dependencies; the startup command in the README is also written as pnpm dev
- 3
Build commands are pnpm run build or npm run build
- 4
The default login account is admin with password houcloud; all other account passwords are houcloud
- 5
Before secondary development, it is advisable to read the official TDesign Vue Next documentation and confirm that external services like MySQL and Redis are available
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 imply that external services or third-party materials are free.
Must comply with when using
- Allows free use, modification, commercial use, and distribution of this version of the code.
- 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 materials must be checked against 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 separate charges.
View Original Text Basis
https://github.com/yunhouhuang/houcloud-admin/blob/master/LICENSEhttps://github.com/yunhouhuang/houcloud-admin/blob/master/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
- More documented · 86 / 100
- Technologies
- Vue · Vite
- 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-12-28
- 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: d2a333dd54e18a13da7eb927abcde9ba59dbe816a1e1cfa170b0496bd7816b10
2026-10-03T18:55:58.618Z
Source file / repository# HOUCLOUD - 后台管理 欢迎点 🌟🌟🌟 #### 鸣谢 - Vue - Vite - TDesign Vue Next - TDesign Vue Next Starter --- ### 技术栈 前端 - Vue3 - Vite - UI:TDesign Vue Next - iconfont.cn - TypeScript 后端 - Java17 - Springboot3.x - MySQL - Redis - MyBatis - MyBatis Plus - Hutool 登录账号密码 ```text username: admin password: houcloud ``` 其他账号的密码全部都是 houcloud --- ### 本地运行(推荐用pnpm) pnpm方式 ```shell pnpm install pnpm dev ``` npm方式 ```shell npm install pnpm dev ``` ### 打包 ```shell pnpm run build # 或者 npm run build ``` --- ### 如何二次开发? [//]: # ([HOUCLOUD 文档](https://doc.houcloud.com)) 二次开发前端您可能要提前掌握熟悉以下技能: - Html Css JS基础 - Vue3 - TypeScript语法 - Spring boot - MySQL - Redis UI框架使用腾讯开源 TDesign 文档地址 https://tdesign.tencent.com/vue-next/ ### 有什么问题想了解也可加V或者邮箱联系 Wechat: <img src="doc/IMG_4343.PNG" height="200" width="200" > Email: <a href="mailto:[email protected]">[email protected]</a> ### 页面预览图    
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
