1. Project Overview

Vue-Bag-Admin

APlug and PlayVue-based frontend and backend administration system framework designed to help developers complete development with minimal effort. You can use it in any administration system that requires such functionality.

2. Open Source License

Licensed under MIT

3. Screenshots

Image Preview

iPad Version

PC End

Mobile Version

4. Feature Overview

Vue-Bag-Admin is built using the latest frontend technology stack, including Vue3, Vite5, Naive UI, JavaScript, and Pinia. It is integrated through npm packages and allows developers to extend functionality without modifying the original source code, making applications more modular and easier to maintain. A fresh, attractive, and responsive frontend and backend administration system.

Features

Responsive Development

Built with Tailwind CSS, the styles automatically adapt to desktop and mobile devices, enhancing responsive design and website usability. It offers multiple visual themes and attractive page layouts while reducing development costs and maintenance efforts.

Convenient and Easy to Use

Install and import the main package using npm commands for development, or download the source code for secondary development. The framework (packages) and application (app) are separated, reducing coupling between projects while improving extensibility.

Strong Community

Built with mainstream technologies such as Vue3, Vite5, Naive UI, Pinia, Strapi5, and MySQL. You don't need to worry about framework limitations restricting your business development. Completely free and available for commercial use.

API Services

Uses the Strapi framework powered by Node.js, an open-source headless CMS. Developers can freely choose their preferred development tools and frameworks, define and customize APIs, and use GraphQL as the API query language. Supports fine-grained permission interception and authentication.

Feature-Rich

Includes permission management, multilingual support, page caching, theme switching, route animations, layout styles, dynamic routing, state management, micro-frontends, request encapsulation, and more than 20 page templates. Designed to help developers build frontend and backend administration systems with minimal effort and reduced development workload.

Plugin-Based Development

The framework uses a plugin-based development approach, allowing developers to extend functionality and add new processing logic without modifying existing code. This makes applications more modular and easier to maintain. This approach is particularly suitable for applications requiring high extensibility and customization.

5. Tech Stack

Vue-Bag-Admin is built using the latest frontend technology stack, including Vue3, Vite5, Naive UI, JavaScript, and Pinia. It is integrated through npm packages and allows developers to extend functionality without modifying the original source code, making applications more modular and easier to maintain. A fresh, attractive, and responsive frontend and backend administration system.

Installation

pnpm i vue-bag-admin --save

Quick Start

import install from "vue-bag-admin"

const {app} = install()
app.mount('#app')

Source Code Development

• main is the latest branch and contains all source code for both the frontend and backend.
• v4 is the previous version branch and contains all source code for both the frontend and backend (no longer maintained).