mrkeyoor.com_
Tue 01 Sept 17:45 UTC
Webevaluationupdated 30 Aug 2026

vue-vben-admin review

Vue Vben Admin is a Vue 3 and TypeScript foundation for internal dashboards and back-office applications. It supplies layouts, routing, permissions, themes, localization, reusable packages, and several UI-library variants so a team can start with working administration screens.

+9 / 1dstars / 7d
Verdict

Our Vben run installed 1,734 packages and 1,897 MB, then the full build failed with only 11 of 18 tasks successful, so adopt it as a platform choice rather than a quick starter. It is a strong fit for a Vue team that wants a feature-rich admin shell and accepts the shared monorepo. Pick one UI variant, build that exact app, and test your critical interactions before committing a product to v5.

We ran it

Lab card: what happened when we ran vue-vben-adminScreenshot of vue-vben-admin (www.vben.pro)
Install✓ · 102s1734 packages · 1897 MB
Build✗ · 57s
Testsn/ano test script
Repo1949 files~119,642 lines of source · 9.9 MB · 13 CI workflows

Answers from our run

Does vue-vben-admin build from source?

Dependencies installed in 102 seconds (1734 packages), and the build failed. We cloned commit dcc601d into a clean Debian container with 3 CPUs and no project-specific setup.

Does vue-vben-admin have tests you can run?

Not through a standard command: the project exposes no test script or target that our harness could run.

Who should not use vue-vben-admin?

Existing Vben v2 applications seeking an incremental upgrade: the README says v5 is incompatible with previous versions.

What are the alternatives to vue-vben-admin?

Vue Pure Admin, v3-admin-vite, vue-element-admin. Our Vben run installed 1,734 packages and 1,897 MB, then the full build failed with only 11 of 18 tasks successful, so adopt it as a platform choice rather than a quick starter.

Setup2/51,897 MB install and the full 18-task build failed
Docs4/5English docs cover v5, but standalone-app guidance is missing
Community5/533,316 stars with active August 2026 fixes and reports
Maturity4/5Six years of work, though v5 still has interaction regressions

Who it’s for

Vue teams building a substantial internal dashboard with routes, permissions, tabs, forms, and tables.
Organizations that want Ant Design Vue, Antdv Next, Element Plus, Naive UI, or TDesign on a shared Vben base.
Front-end groups comfortable maintaining a pnpm and Turbo monorepo.
Teams willing to replace the mock backend and adapt the template to their own API and authorization rules.

Who it’s NOT for

Existing Vben v2 applications seeking an incremental upgrade: the README says v5 is incompatible with previous versions.
Teams that need Internet Explorer or older evergreen browsers: support starts at Safari 16.4, Chrome 111, and Firefox 128.
Developers who want to copy one app out as a small standalone project: the app packages depend heavily on workspace packages, and issue 8248 asks for missing guidance on separating web-antd.
Buyers who require a clean full build before adoption: our build stopped with the web-naive task after 11 of 18 tasks succeeded.
Products where current dialog and responsive-menu faults are unacceptable without local fixes: issues 8052 and 8274 document those interactions in v5.

Setup reality

Our sandbox installed 1,734 pnpm packages in 102 seconds and used 1,897 MB. The build failed after 57 seconds. Turbo reported 11 successful tasks out of 18, with @vben/web-naive#build as the named failure; the log tail did not include the underlying compiler diagnostic. No test script or target was available to the harness, so tests were skipped.

Development needs the repository's pnpm workspace and a current Node toolchain. The template includes a mock backend, but a real application still needs API endpoints, authentication, permission data, environment variables, and deployment configuration supplied by its team.

The monorepo builds several app variants plus shared packages, docs, and a playground. Browser support is limited to Safari 16.4+, Chrome 111+, Firefox 128+, and the last 2 versions of major modern browsers. V5 does not provide an in-place upgrade from v2.

Five UI variants share one Vue 3 foundation

Vben Admin is a system for building administration interfaces, rather than a single finished dashboard. The monorepo contains apps for Ant Design Vue, Antdv Next, Element Plus, Naive UI, and TDesign. Shared workspace packages provide layouts, access control, preferences, requests, stores, icons, localization, and common components. A team can choose a visual library without rebuilding the surrounding application shell from zero.

That breadth carries weight. Our checkout had 1,949 files and about 119,642 lines of source before dependencies. The workspace also includes a mock backend, documentation, scripts, internal tooling, and a playground. This makes sense for a team standardizing several internal applications. It is excessive for a small settings page or a dashboard with a handful of routes, where stripping unused packages may take longer than assembling a narrower starter.

Permissions and layouts are ready, while business rules are yours

The template covers recurring admin work: dynamic route permissions, multiple themes, internationalization, tabs, navigation, forms, and dashboard layouts. Each UI variant consumes the same Vben workspace packages, so permission and preference behavior can remain consistent across products. The MIT license permits commercial use and modification without a paid runtime license.

A mock backend proves the screens can talk to an API, but it is not your production identity system. Teams must connect login, token handling, route data, API errors, and authorization checks to their own services. Front-end route hiding cannot replace server-side permission enforcement. Issue 8112, which requests HttpOnly and Secure cookie storage for tokens, is a useful reminder to decide the real session model rather than inherit demo behavior unchanged.

What happened when we ran it

Our sandbox installed 1,734 pnpm packages in 102 seconds and consumed 1,897 MB on disk. The source checkout itself was 9.9 MB. That gap is the practical cost of the workspace: the repository is compact, while its installed toolchain and app variants are large. The scan found 13 CI workflow files, no root Dockerfile, no tests directory, and monorepo workspaces.

The full build exited 1 after 57 seconds. Turbo completed 11 of 18 tasks, with 0 cached, before naming @vben/web-naive#build as the failed task. The tail also listed failed lifecycle commands for web-naive, web-ele, web-antd, the playground, and web-antdv-next. It did not include the earlier compiler message that caused the first failure, so assigning a dependency or memory cause would be guesswork. The harness found no test script or target and skipped tests.

The monorepo is part of the dependency model

Each app package points at many workspace:* dependencies, including Vben layouts, stores, preferences, access control, request handling, styles, icons, and types. Issue 8248 asks whether apps/web-antd can run outside the large repository and requests installation guidance. The open question matches the package manifests: copying one app directory alone will leave its shared Vben imports unresolved.

The root scripts do allow focused development and builds for individual variants. That is the sensible route after choosing a UI library, especially given our 18-task aggregate failure. Keep the workspace until the application is stable, remove unused apps deliberately, and verify that deployment automation calls the selected build. Treating the repository as a bag of copyable pages misses the package boundaries its maintainers chose.

V5 breaks with v2 and drops old browsers

The README states that version 5.0 is incompatible with earlier versions and directs users who need the old code to the v2 branch. This is a clean boundary for new projects and a migration warning for established ones. An existing v2 application should compare routes, component APIs, permissions, themes, and build tooling before assuming it can move page by page.

Browser support is similarly direct. Tailwind CSS 4 sets the floor at Safari 16.4, Chrome 111, and Firefox 128, while the compatibility table targets the last 2 versions of Edge, Firefox, Chrome, and Safari. Internet Explorer is excluded. Internal enterprise software sometimes serves managed, slow-moving browsers, so checking the actual fleet belongs near the start of evaluation.

Current v5 reports touch interactions users notice

Issue 8274 reports that shrinking and then maximizing a Chrome window leaves the left menu collapsed. A related pull request was active on August 30, 2026, which shows the report is receiving code attention. Issue 8096 describes cached routes and vxe-table headers retaining the old language after an i18n switch. Both cases sit in areas the template is meant to save teams from rebuilding.

Issue 8052 is more severe for affected code: the reporter says common confirm() and alert() dialogs accept Enter or Escape but ignore mouse clicks across major browsers. It was still open when fetched. These reports do not establish that every UI variant has each fault. They do justify a short acceptance suite covering resizing, dialogs, language changes, table headers, theme switching, and route caching in the exact variant you plan to ship.

August pushes matter more than the May release tag

GitHub recorded 33,316 stars, 66 combined issues and pull requests, and a last push on August 30, 2026. Pull requests and bug discussion were active that same day. The latest GitHub release was v5.7.0 from May 21, but continued pushes show the repository is not dormant. Consumers should decide whether to follow tagged releases or a moving main branch and pin that choice in their own lockfile.

Vben Admin is worth adopting when its shared packages replace months of repeated admin-shell work across a serious Vue product. Our 1,897 MB install and failed aggregate build make a casual copy-and-customize approach hard to recommend. Choose one UI variant, connect a real backend, build only the intended app, and run interaction checks on supported browsers. If that sounds like normal platform work, Vben offers a substantial head start. If it sounds too expensive, a smaller Vue starter is the better purchase.

Alternatives

ProjectWhat it isPick it when
Vue Pure AdminA Vue 3, Vite, TypeScript, and Element Plus administration system.pick this instead when Element Plus is fixed and you prefer a project centered on that stack.
v3-admin-viteA smaller Vue 3 administration template built with Vite and Element Plus.pick this instead when a narrower starter is more useful than Vben's multi-app workspace.
vue-element-adminA long-running Vue administration template based on the older Vue and Element stack.pick this instead when maintaining an existing Vue 2 admin application matters more than starting on Vue 3.

What people are saying

  1. [velocity-scout] vbenjs/vue-vben-admin

Sources

  1. Vue Vben Admin repository and README
  2. Vue Vben Admin v5.7.0 release
  3. Standalone web-antd documentation request
  4. Responsive sidebar report
  5. Alert dialog mouse interaction report

More web reviews

axios · super-productivity · Graphite · fastify · tabler · go-zero · the whole board →