ViteReactAdmin dashboard

bee-react-admin — Vite Admin dashboard Template

By kerwin2046

A lightweight backend management template built with React, TypeScript, and Vite, aimed at individual developers learning front-end/back-end separation and front-end engineering.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

React + TypeScript + Vite tech stack, with TailwindCSS for building the interface

02

Modular routing and permission control, supporting dynamic menus and role-based permissions

03

Responsive layout with dark mode support

04

Built-in i18n multilingual support

05

Integrates engineering tools such as ESLint, Prettier, Husky, and Commitlint

06

Provides an online demo and a companion Spring Boot backend repository for front-end/back-end integration practice

Template Details

Bee React Admin is a lightweight template for backend management, using a tech stack of React + TypeScript + Vite, with TailwindCSS for styling, React Router for routing, and optional Zustand or Redux Toolkit for state management. The project is positioned for learning and practice: the README explicitly targets front-end and back-end learners and individual developers, to master the development workflow of front-end/back-end separation projects, as well as skills in the React tech stack, permission management, and API integration.

Functionally, the template provides modular routing and permission control (dynamic menus, role-based permissions), responsive layout and dark mode, reusable components, i18n multilingual support, and engineering tools such as ESLint, Prettier, Husky, and Commitlint. The repository also provides an online demo and a Spring Boot backend repository address for front-end/back-end integration practice.

In terms of limitations: the repository has few stars and is a personal learning project; the tech stack version numbers in the README (such as React 18, TypeScript 5, Vite 4) have not been checked item by item against the dependency list; third-party assets such as demo images, fonts, and icons need to be confirmed separately under their respective licenses.

ViteReactBackend

Is it right for your project?

Use Cases

  • Individual developers learning the React tech stack and front-end engineering configuration
  • Practicing the API integration workflow of front-end/back-end separation projects
  • Learning how to implement routing and role-based permissions in a backend management system
  • As a starting point for the backend interface of a personal practice project

Suitable For

  • Front-end beginners currently learning React + TypeScript
  • Individual developers who want to understand the complete front-end/back-end separation workflow
  • Learners who need a lightweight backend interface reference implementation

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning the repository, enter the project directory and install dependencies using pnpm install (or npm / yarn)

  2. 2

    Run pnpm dev for the development environment, and pnpm build for building

  3. 3

    The repository address given in the README differs from the template listing address; confirm the actual repository to use when cloning

  4. 4

    Third-party assets such as demo images, fonts, and icons need to be checked under their respective licenses; do not judge solely based on the code's MIT license

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version of the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses; do not judge solely based on the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Vite · React
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-06-29
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 1f166bc1ecdf56a38fdcc4e7f152a19981493eedf595755d494dd5e4dd4ff41b

2026-10-03T00:49:31.580Z

Source file / repository
# 🐝 Bee React Admin

[![React](https://img.shields.io/badge/React-18.0+-61DAFB?logo=react)](https://react.dev/)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-3178C6?logo=typescript)](https://www.typescriptlang.org/)
[![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.0+-38BDF8?logo=tailwind-css)](https://tailwindcss.com/)
[![Vite](https://img.shields.io/badge/Vite-4.0+-646CFF?logo=vite)](https://vitejs.dev/)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](./CONTRIBUTING.md)

> 🧩 一个轻量、现代、易上手的 React + TypeScript 后台管理模板。  
> 💡 面向 前后端学习者 / 个人开发者,帮助你快速掌握前后端分离项目的完整开发流程。  
> 🎓 同时适合学习 React 技术栈、权限管理、接口联调等核心技能。

---

## ✨ 在线体验

👉 [Demo 预览地址](https://bee-admin-flax.vercel.app/)  
📦 [GitHub 仓库地址](https://github.com/yi-echo/bee-react-admin)
🧠 [后端仓库(Spring Boot)](https://github.com/yi-echo/bee-spring-boot-server)

![Bee React Admin Preview](./public/preview-bg.png)

---

## ![Bee React Admin Preview](./public/index.png)

## 🚀 特性亮点

- ⚙️ **现代技术栈**:React 18 + TypeScript + Vite + TailwindCSS
- 🧭 **模块化路由与权限控制**:支持动态菜单和角色权限
- 🎨 **高颜值 UI 设计**:响应式布局,支持暗黑模式
- 🧩 **组件化开发**:可复用、可拓展的 UI 模块
- 🧰 **完善的工程化支持**:ESLint + Prettier + Husky + Commitlint
- 🌍 **多语言支持 (i18n)**:轻松适配全球化应用
- 📈 **性能优先**:极致构建速度与按需加载优化

---

## 🧱 技术栈

| 类别     | 技术                                                     |
| -------- | -------------------------------------------------------- |
| 前端框架 | [React 18](https://react.dev/)                           |
| 语言     | [TypeScript 5](https://www.typescriptlang.org/)          |
| 构建工具 | [Vite](https://vitejs.dev/)                              |
| 样式     | [TailwindCSS](https://tailwindcss.com/)                  |
| 路由     | [React Router v6](https://reactrouter.com/)              |
| 状态管理 | [Zustand](https://zustand-demo.pmnd.rs/) / Redux Toolkit |
| 代码规范 | ESLint + Prettier + Husky + Commitlint                   |

---

## ⚡️ 快速开始

```bash
# 克隆项目
git clone https://github.com/yi-echo/bee-react-admin.git

# 进入项目目录
cd bee-react-admin

# 安装依赖
pnpm install  # or npm install / yarn

# 启动项目
pnpm dev

# 构建项目
pnpm build
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

kiaalap

kiaalap

Kiaalap is a free, open-source admin template from Colorlib for education, online courses, and school management.

Vite · Admin dashboard

react-vite-admin

react-vite-admin

A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.

Vite · Admin dashboard

admin-antd-react

admin-antd-react

A Vite + React 18 admin template using Ant Design and Recoil, with login, logout, and registration flows; page, button, and permission configuration verification; internationalization; dynamic sidebar and breadcrumbs; Svg Sprite icons; Mock data; and list, form, and detail page examples.

Vite · Admin dashboard

arco-admin-template

arco-admin-template

A Vite + React mid-to-back-office template using Arco Design, react-router-dom v6, mockjs, and less, with internationalization, theme customization, and light/dark switching. Includes login, dashboard, resource, component examples, settings, and 404 pages.

Vite · Admin dashboard

super-admin

super-admin

A React, Vite, and Antd admin template that implements multi-tab route caching similar to Vue keepalive and route-based permission control.

Vite · Admin dashboard

react-vite-tailwind-typescript-firebase-auth-template

react-vite-tailwind-typescript-firebase-auth-template

A starter template for backend applications using Vite, React, TypeScript, TailwindCSS, and Firebase Auth, featuring login and dashboard interfaces. Requires your own Firebase project and credentials in .env; no backend logic included.

Vite · Admin dashboard