docs.soybeanjs.cn/
SA
Soybean Admin
清新优雅、高颜值且功能强大的企业级后台模板，基于 Vue 3 / Vite / TypeScript 最新技术栈，具备自动化文件路由、动态换肤、多套 UI 组件库版本并同时支持 React，MIT 开源。
立即开始了解更多
立即试用
GPT-4o什么是 Soybean Admin?
Soybean Admin 是社区里以「清新优雅、高颜值」著称的后台模板。旗舰 Vue 版基于 Vue 3、最新 Vite、TypeScript、Pinia 与 UnoCSS，采用 pnpm monorepo，配合严格的 ESLint/Prettier/Git Hooks 规范，并用 Headless + UI 两层架构复用交互逻辑、自由切换视觉层。它内置自动化文件路由系统（elegant-router）、丰富主题配置、动态换肤、暗黑模式、完整国际化，以及用于一键脚手架的 create-soybean 命令行工具。它不把你锁死在单一设计体系，而是提供 Naive UI（旗舰）、Ant Design Vue、Element Plus 多套组件库版本，并已扩展到同时支持 Vue 3 与 React。权限、动态路由、多布局与常用业务页面开箱即用，既可作为生产脚手架，也是学习前沿前端的最佳实践。
4.8
评分
免费
定价模式
2+
平台
0
收藏
优点
- 界面清爽精致，常年位列「最好看 Vue 后台」榜单前列。
- 同时支持 Vue 与 React、三套主流 UI 组件库，避免被单一设计体系绑定。
- 自动化文件路由加 CLI 脚手架，新项目与日常开发都很快。
- 依赖始终保持最新（最新 Vite/Vue/TS），monorepo 结构清晰，非常适合学习。
- MIT 免费开源，生态活跃，有 Nest/Go 等配套后端与大量社区模板。
缺点
- 纯前端模板，需要自行提供并对接后端接口。
- 技术栈追新、迭代快，长周期项目升级频率相对更高。
- 多套 UI/框架版本完整度略有差异，Naive UI 旗舰版最成熟。
- 相比自带后端的全栈平台，内置业务模块偏少。
核心能力
Vue3 and React dual framework
Naive/Antd/Element multi-UI editions
Automated file-based routing
Dynamic theming & i18n
Headless + UI two-layer architecture
create-soybean CLI
同类工具对比
| 功能 | Soybean Admin | Vue Vben Admin | SnowAdmin | Vue Pure Admin |
|---|---|---|---|---|
| 评分 | 4.8 | 4.9 | 4.6 | 4.8 |
| 定价模式 | 免费 | 免费 | 免费 | 免费 |
| 起价 | — | — | — | — |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
起
起步做后台的前端团队
用 CLI 几分钟搭出干净现代的 SaaS 或内部工具前端。
看
看重设计体系的产品
按品牌在 Naive/Antd/Element 间选择，而无需重写交互逻辑。
V
Vue 或 React 团队
无论团队以 Vue 3 还是 React 为标准，都能用同一套后台规范。
前
前端学习者
研读一个与时俱进、架构良好的 Vite + TS + Pinia 参考实现。
创
创业/做 MVP
快速产出好看的仪表盘 MVP，之后再接 Nest/Go/Java 后端。
开发者
SoybeanJS (honghuangdc)
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
中文, English
成立时间
2023
更新于
2026-09-07
公司信息
成立于 2023
常见问题
不带，它是纯前端模板，需要对接你自己的接口；生态里有社区提供的 NestJS、Go 配套后端。