Go to file
xingyu a4736a49f8
feat: migrate to Tailwind CSS v4 (#7614)
* chore: update deps

* feat: use jsonc/x language

* chore: update eslint 10.0

* fix: no-useless-assignment

* feat: add CLAUDE.md

* chore: ignore

* feat: claude

* fix: lint

* chore: suppot eslint v10

* fix: lint

* fix: lint

* fix: type check

* fix: unit test

* fix: Suggested fix

* fix: unit test

* chore: update stylelint v17

* chore: update all major deps

* fix:  echarts console warn

* chore: update vitest v4

* feat: add skills ignores

* chore: update deps

* chore: update deps

* fix: cspell

* chore: update deps

* chore: update tailwindcss v4

* chore: remove postcss config

* fix: no use catalog

* chore: tailwind v4 config

* fix: tailwindcss v4 sort

* feat: use eslint-plugin-better-tailwindcss

* fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier

* fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier

* fix(lint): resolve prettier and better-tailwindcss formatting conflicts

* fix(tailwind): update theme references and lint sources

* style(format): normalize apps docs and playground vue files

* style(format): normalize core ui-kit components

* style(format): normalize effects ui and layout components
2026-03-10 05:08:45 +08:00
.changeset feat: Feature/pro docs (#70) 2024-07-28 14:29:05 +08:00
.github fix: #7140 (#7153) 2026-01-28 18:05:20 +08:00
.vscode feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
apps feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
docs feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
internal feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
packages feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
playground feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
scripts feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
.browserslistrc chore: init project 2024-05-19 21:20:42 +08:00
.commitlintrc.js fix: czg configuration not effective (#4759) 2024-10-29 14:00:11 +08:00
.dockerignore perf: display border status color when the form is verified incorrectly (#4407) 2024-09-14 22:44:21 +08:00
.editorconfig refactor: splitting and reorganizing style files 2024-07-08 22:30:19 +08:00
.gitattributes chore: init project 2024-05-19 21:20:42 +08:00
.gitconfig chore: init project 2024-05-19 21:20:42 +08:00
.gitignore feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
.gitpod.yml fix: install corepack from npm (#5905) 2025-04-27 22:03:35 +08:00
.node-version fix: #7140 (#7153) 2026-01-28 18:05:20 +08:00
.npmrc feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
.prettierignore feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
.prettierrc.mjs chore: init project 2024-05-19 21:20:42 +08:00
.stylelintignore feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
CLAUDE.md feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
LICENSE feat: Feature/pro docs (#70) 2024-07-28 14:29:05 +08:00
README.ja-JP.md chore: modify the contributor showcase in the README (#6636) 2025-08-16 22:47:08 +08:00
README.md Update README.md (#6828) 2025-11-04 04:34:55 +08:00
README.zh-CN.md chore: modify the contributor showcase in the README (#6636) 2025-08-16 22:47:08 +08:00
cspell.json feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
eslint.config.mjs chore: init project 2024-05-19 21:20:42 +08:00
lefthook.yml feat(project): migrate from husky and lint-staged to lefthook (#6104) 2025-05-03 19:43:12 +08:00
package.json feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
pnpm-lock.yaml feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
pnpm-workspace.yaml feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
stylelint.config.mjs chore: init project 2024-05-19 21:20:42 +08:00
tea.yaml chore(deps): bump the non-breaking-changes group with 4 updates (#4451) 2024-09-21 10:46:38 +08:00
turbo.json feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
vben-admin.code-workspace feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00
vitest.config.ts feat: migrate to Tailwind CSS v4 (#7614) 2026-03-10 05:08:45 +08:00

README.md

VbenAdmin Logo

license

Vue Vben Admin

Quality Gate Status codeql build ci deploy

English | 中文 | 日本語

Introduction

Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite, TypeScript and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

Upgrade Notice

This is the latest version, 5.0, and it is not compatible with previous versions. If you are starting a new project, it is recommended to use the latest version. If you wish to view the old version, please use the v2 branch.

Features

  • Latest Technology Stack: Developed with cutting-edge front-end technologies like Vue 3 and Vite
  • TypeScript: A language for application-scale JavaScript
  • Themes: Multiple theme colors available with customizable options
  • Internationalization: Comprehensive built-in internationalization support
  • Permissions: Built-in solution for dynamic route-based permission generation

Preview

Test Account: vben/123456

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

Documentation

Document

Install and Use

  1. Get the project code
git clone https://github.com/vbenjs/vue-vben-admin.git
  1. Install dependencies
cd vue-vben-admin
npm i -g corepack
pnpm install
  1. Run
pnpm dev
  1. Build
pnpm build

Change Log

CHANGELOG

How to Contribute

You are very welcome to join! Raise an issue or submit a Pull Request.

Pull Request Process:

  1. Fork the code
  2. Create your branch: git checkout -b feat/xxxx
  3. Submit your changes: git commit -am 'feat(function): add xxxxx'
  4. Push your branch: git push origin feat/xxxx
  5. Submit pull request

Git Contribution Submission Specification

Reference vue specification (Angular)

  • feat Add new features
  • fix Fix the problem/BUG
  • style The code style is related and does not affect the running result
  • perf Optimization/performance improvement
  • refactor Refactor
  • revert Undo edit
  • test Test related
  • docs Documentation/notes
  • chore Dependency update/scaffolding configuration modification etc.
  • ci Continuous integration
  • types Type definition file changes

Browser Support

The Chrome 80+ browser is recommended for local development

Support modern browsers, not IE

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

@Vben

Star History

Star History Chart

Donate

If you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!

donate

Paypal Me

Contributors

Contribution Leaderboard Contributors

Discord

License

MIT © Vben-2020