soybean-admin

SoybeanAdmin is a ready-made starting point for building the back-office part of a web application. That is the admin dashboard where staff log in to manage data, users, and settings, rather than the public-facing site. Instead of building all of that from scratch, you start from this template and adapt it. The README is written mainly in Chinese, with an English version linked.

The project is built on a set of current web tools. Vue 3 is a framework for building user interfaces, Vite is the build tool that compiles and serves the code, TypeScript is JavaScript with added type checking to catch mistakes earlier, Pinia manages shared application state, NaiveUI supplies the ready-made buttons and tables and other on-screen pieces, and UnoCSS handles styling. The code is organized as a pnpm monorepo, meaning several related packages live in one repository.

The listed features include built-in theme options, multi-language support, and an automatic routing system that generates page navigation from the file layout. Access control supports both routes defined in the front end and routes supplied dynamically by a back-end server. The template ships with common pages such as 403, 404, and 500 error screens, along with layout and tab components, and it adapts to mobile screens. Separate editions are offered that swap NaiveUI for other component libraries called Ant Design Vue or Element Plus.

To run it, the README says you need git, Node.js version 20.19 or higher, and the pnpm package manager version 10.5 or higher. You clone the repository, install dependencies with pnpm i, start a development server with pnpm dev, and produce a final build with pnpm build.

The README also advertises paid services from the team, including custom admin development and enterprise outsourcing, and it lists related community projects such as a React version of the template.