Skip to Content
Background
Soybean Admin Logo

ReactSoybeanAdmin

为开发者而生 · 优雅设计 · 高效开发

清新优雅的中后台管理模板,采用最新前端技术栈

React 19
ReactRouter V7
Redux/toolkit
Ant Design
UnoCSS
Vite 6
TypeScript
响应式设计
近期更新: v2.0.0版本发布 — 全新设计,优化性能
1k+ Stars
200+ Forks
MIT 开源

优雅的界面设计

现代化UI设计,提供卓越的用户体验

Soybean Admin Dashboard

30+

预设组件

8+

主题配置

99%

用户满意度

24/7

技术支持

强大功能

为中后台开发提供全方位解决方案

最新技术栈

基于 React19 + ReactRouter V7 + Redux/toolkit + Ant Design 构建,采用现代前端技术。

高性能

采用Vite构建,启动快速,HMR迅速响应,保证开发体验和应用性能。

文件路由系统

自动化的文件路由系统,提供类似Next.js的约定式路由体验。

权限管理

内置基于角色的权限管理,轻松控制用户访问权限。

移动端适配

完美适配移动端设备,提供流畅的跨设备用户体验。

国际化支持

内置多语言支持,轻松实现应用的国际化。

主题配置

丰富的主题配置,支持暗黑模式和多种主题色彩。

组件丰富

提供大量预设组件,满足各种后台管理系统的需求。

Soybean Admin Dashboard
专为开发者设计

高效开发体验

代码规范严谨,架构清晰优雅,支持TypeScript类型检查,让开发更高效。提供丰富的组件和工具,加速您的后台管理系统开发。

代码自动生成

内置多种代码生成工具

开发热重载

毫秒级的热更新响应

全设备兼容

移动端完美适配

响应式设计,从桌面到移动端的完美体验,一套代码适配所有设备

自适应布局

根据设备尺寸智能调整元素布局

触控优化

针对触控设备进行交互优化

性能优化

针对移动设备进行性能优化

动态适配

动态适应屏幕旋转和尺寸变化

Mobile Version
移动优先
多主题
暗黑模式

准备好开始了吗?

只需几个简单的步骤,即可开始使用 React SoybeanAdmin 构建您的后台管理系统

1
2
3
4
5
6
# 克隆项目
git clone https://github.com/soybeanjs/soybean-admin-react.git

# 安装依赖
pnpm i

# 启动项目
pnpm dev
简单三步
已获得超过 1000+ GitHub Stars