1. Project Overview

FiveAdminV2 Admin Dashboard Frontend Template

A ready-to-use admin dashboard framework.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

Features

Open-source

Open-sourced under the MIT license, with a commitment that it can be used or further developed free of charge for both personal learning and commercial enterprise use. (It must not be used for activities prohibited by law or any illegal or criminal purposes.)

Tech Stack

Developed using technologies including JavaScript, Vue3, Vite5, Pinia, ElementPlus, and Tailwindcss.

Plug and Play

Integrates commonly used features such as multilingual support, menu permissions, permission directives, theme switching, and mock functionality, making backend integration easy.

RBAC Permission Design

An RBAC-based frontend and backend permission management solution that dynamically loads routes to generate menus and provides fine-grained permission control down to the button level.

Features

Powerful Features:

Supports modern routing management and navigation, making it easy and efficient to locate pages. Modular development enables rapid extension and customization to meet different project requirements. Built-in themes and layouts provide a wide variety of page presentation options. Powerful data and state management powered by Pinia ensures reliable and efficient data flow management. Based on ElementPlus, it provides an attractive and easy-to-use component library for quickly building pages. Tailwindcss is used as a CSS utility library to simplify interface styling and customization. Simplify your development workflow:

Develop with Vue3 and enjoy a responsive development experience. Use Vite5 as the development server for faster hot reloading and improved development efficiency. Use PNPM for dependency management to ensure project stability and maintainability. ✨ Get started easily and develop efficiently. No need to spend extensive time and effort; simply configure a few settings to create a polished admin management system.

Suitable for various scenarios, including internal enterprise management systems, admin dashboards, and data management systems.

The source code avoids unnecessarily complicated syntax. All features are implemented using basic syntax, making it more suitable for learning and secondary development. It can also be used directly as a finished product for business development without any issues.

5. Tech Stack

The project has been refactored based on FiveAdmin.

Project Technology Stack: JavaScript, Vue3, Vite5, Pinia, ElementPlus, Tailwindcss, and more.

Quick Start

Environment Preparation

note:

• The local development environment requires Node.js, pnpm, and Git.

• If you encounter dependency installation issues, try installing the environment using the versions the author used during development.

• This project requires pnpm. If you do not want to use pnpm, simply remove scripts.preinstall from package.json.

• Reference versions for the author's development environment: Node.js v20.10.0, pnpm v8.13.1

Development Tools

This project uses VsCode as its development tool, but you can choose any IDE you are familiar with.

If you also use VsCode for developing this project, we recommend the following extensions to improve efficiency and provide a better experience. Recommended configurations have already been added to the .vscode directory. When you open the project with VsCode, you will be prompted to install them.

• Iconify IntelliSense - Icon extension

• Tailwind CSS IntelliSense - Windi CSS autocomplete extension

• I18n-ally - i18n extension

• Vue3 Snippets - Quickly generate Vue3 code snippets

• Volar - Essential for Vue development

• ESLint - Code linting

• Element Plus Snippets - Quickly generate ElementPlus tags

• DotENV - Syntax highlighting for .env files