More Premium Hugo Themes Premium Vue Themes

Soybean Admin

A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite6, TypeScript, Pinia, NaiveUI and UnoCSS. 一个清新优雅、高颜值且功能强大的后台管理模板,基于最新的前端技术栈,包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。

Soybean Admin

A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite6, TypeScript, Pinia, NaiveUI and UnoCSS. 一个清新优雅、高颜值且功能强大的后台管理模板,基于最新的前端技术栈,包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。

Author Avatar Theme by soybeanjs
Github Stars Github Stars: 12221
Last Commit Last Commit: May 11, 2025 -
First Commit Created: Feb 24, 2024 -
default image

Overview

Soybean Admin is a modern and powerful admin template built on cutting-edge front-end technologies like Vue3, Vite5, TypeScript, Pinia, and UnoCSS. It offers a clean project architecture, strict code specifications, rich theme configuration, internationalization support, automated file routing, flexible permission routing, command line tools, mobile adaptation, and more.

Features

  • Cutting-edge Technology Application: Utilizes Vue3, Vite5, TypeScript, Pinia, and UnoCSS.
  • Clear Project Architecture: Implements pnpm monorepo architecture for an elegant and understandable structure.
  • Strict Code Specifications: Adheres to the SoybeanJS specification with eslint, prettier, and simple-git-hooks.
  • TypeScript Support: Enables strict type checking for improved code maintainability.
  • Rich Theme Configuration: Offers various theme configurations integrated with UnoCSS.
  • Built-in Internationalization Solution: Supports multi-language effortlessly.
  • Automated File Routing System: Generates route import, declaration, and type automatically.
  • Flexible Permission Routing: Supports static and dynamic routing.
  • Rich Page Components: Includes pages, layout components, tag components, and more.

Installation

  1. Ensure you have Git and NodeJS (>=18.0.0, recommended 18.19.0 or higher) installed.
  2. Use fnm to manage your NodeJS version.
  3. Install pnpm (>= 8.0.0, recommended 8.14.0 or higher).
  4. Clone the project repository using Git.
  5. Install dependencies by running pnpm install.

Summary

Soybean Admin is a feature-rich admin template with a focus on modern technologies, clear architecture, and strict code standards. It offers a comprehensive set of features including theme customization, internationalization, automated routing, and more. By following the provided installation guide, users can easily set up and start using this powerful admin template for their projects.