# basic

**Repository Path**: liuman02/basic

## Basic Information

- **Project Name**: basic
- **Description**: ⭐⭐⭐⭐⭐ 一款开箱即用的 Vue 后台管理系统框架，支持多款 UI 组件库，兼容PC、移动端。vue-admin, vue-element-admin, vue后台, 后台系统, 后台框架, 管理后台, 管理系统
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://fantastic-admin.hurui.me/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 704
- **Created**: 2025-11-10
- **Last Updated**: 2025-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[中文](./README.md) | **English**

<p align="center">
  <img src="https://fantastic-admin.hurui.me/logo.svg" width="200" height="200" />
</p>

<h1 align="center">Fantastic-admin</h1>

<p align="center">A <b>out-of-the-box</b> Vue3 back-office management system framework</p>

<p align="center">
  <a href="https://fantastic-admin.hurui.me" target="_blank">Official Website</a>
  <span>&nbsp;|&nbsp;</span>
  <a href="https://fantastic-admin.pages.dev" target="_blank">Backup URL</a>
<p>

<p align="center">
  <a href="###"><img src="https://img.shields.io/github/license/fantastic-admin/basic?label=License&style=flat-square" /></a>
  <a href="https://github.com/fantastic-admin/basic/releases" target="_blank"><img src="https://img.shields.io/github/v/release/fantastic-admin/basic?label=Version&style=flat-square" /></a>
</p>

## Features

- Freely replaceable UI component library, default using Element Plus
- Rich layouts and themes, covering various back-office application scenarios in the market, compatible with PC, tablet and mobile
- Provides system configuration files for easy personalized customization
- Automatically generates navigation bar based on route configuration
- File system-based routing
- Supports comprehensive permission verification
- Built-in multi-level routing best caching solution
- Easy internationalization and multi-language adaptation
- Provides tab functionality with an experience close to native browser tab operations

## Download

> This repository is the basic version

**Directly pulling the source code may include unreleased content. It is recommended to download the stable version zip package from the [Github Releases](https://github.com/fantastic-admin/basic/releases) page**. If you are sure you need to pull the source code, please refer to the following branch descriptions:

- `main` Vue3 version framework source code branch, without example code, can be directly used for actual development
- `example` Vue3 version demo source code branch, same as the online demo site, contains many examples, can be used for reference learning
- ~~`vue2` Vue2 version framework source code branch, without example code, can be directly used for actual development~~ (discontinued)
- ~~`vue2-example` Vue2 version demo source code branch, contains many examples, can be used for reference learning~~ (discontinued)

## Preview

> Preview screenshots are from Vue3 Professional version

<table>
  <tr>
    <td><img src="https://fantastic-admin.hurui.me/preview1.png" /></td>
    <td><img src="https://fantastic-admin.hurui.me/preview2.png" /></td>
    <td><img src="https://fantastic-admin.hurui.me/preview3.png" /></td>
  </tr>
  <tr>
    <td><img src="https://fantastic-admin.hurui.me/preview4.png" /></td>
    <td><img src="https://fantastic-admin.hurui.me/preview5.png" /></td>
    <td><img src="https://fantastic-admin.hurui.me/preview6.png" /></td>
  </tr>
</table>

## Support

If you think the Fantastic-admin framework is good, or you are already using it, I hope you can give me a ⭐ on **Github**, which will be a great encouragement to me.

[![star](https://img.shields.io/github/stars/fantastic-admin/basic?style=social)](https://github.com/fantastic-admin/basic)

<details>
<summary>Github Stars Curve</summary>

[![Stargazers over time](https://starchart.cc/fantastic-admin/basic.svg)](https://starchart.cc/fantastic-admin/basic)
</details>

## Ecosystem

<table>
  <tr>
    <th colspan="3" align="center">
      <a href="https://hooray.github.io/fantastic-startkit/" target="_blank">Fantastic-startkit</a>
    </th>
  </tr>
  <tr>
    <th colspan="3" align="center">
      A simple and easy-to-use Vue3 project startup kit
    </th>
  </tr>
</table>

<table>
  <tr>
    <th colspan="3" align="center">
      <a href="https://one-step-admin.hurui.me" target="_blank">One-step-admin</a>
    </th>
  </tr>
  <tr>
    <th colspan="3" align="center">
      A Vue middle and back-office management system framework that's always one step ahead
    </th>
  </tr>
  <tr>
    <td><img src="https://one-step-admin.hurui.me/preview1.png" /></td>
    <td><img src="https://one-step-admin.hurui.me/preview2.png" /></td>
    <td><img src="https://one-step-admin.hurui.me/preview3.png" /></td>
  </tr>
  <tr>
    <td><img src="https://one-step-admin.hurui.me/preview4.png" /></td>
    <td><img src="https://one-step-admin.hurui.me/preview5.png" /></td>
    <td><img src="https://one-step-admin.hurui.me/preview6.png" /></td>
  </tr>
</table>

<table>
  <tr>
    <th colspan="4" align="center">
      <a href="https://fantastic-mobile.hurui.me" target="_blank">Fantastic-mobile</a>
    </th>
  </tr>
  <tr>
    <th colspan="4" align="center">
      A unique mobile H5 framework
    </th>
  </tr>
  <tr>
    <td><img src="https://fantastic-mobile.hurui.me/preview1.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview2.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview3.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview4.png" /></td>
  </tr>
</table>