ReactHTML后台

architectui-react-theme-free — React 后台模板

作者 DashboardPack

React 19 + Bootstrap 5 后台模板，含多种仪表盘布局与 30+ 组件，支持暗色模式与主题定制。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于 React 19、Bootstrap 5、Vite 8，技术栈较新

内置 30+ 可复用 UI 组件，覆盖表单、表格、图表等

提供多种仪表盘布局（分析、CRM、商务、销售）

支持 9 种预置配色与暗色模式，主题偏好持久化

集成 ApexCharts、Chart.js、Recharts 等图表库

包含错误边界、可访问性基础与单元测试

模板详细介绍

ArchitectUI React Theme Free 是一个基于 React 19 和 Bootstrap 5 的开源后台管理模板，由 DashboardPack 维护。它的核心结构围绕可复用的布局组件（侧边栏、页头、页脚）和按功能划分的 DemoPages 目录展开，内置了仪表盘、组件、表单、表格等示例页面，适合作为中后台项目的起点。模板采用 Vite 作为构建工具，并集成了 Redux Toolkit 用于状态管理，整体技术栈较新。

在功能层面，模板提供了 30 多个可直接使用的 UI 组件，涵盖表单、表格、图表、弹窗等常见场景，并内置了 ApexCharts、Chart.js、Recharts 等图表库的集成示例。布局方面支持多种仪表盘风格（如分析、CRM、商务、销售），侧边栏可折叠并支持 9 种预置配色，暗色模式通过 Bootstrap 5 的 data-bs-theme 实现，且主题偏好会持久化到 localStorage。此外，模板还包含错误边界、可访问性基础处理等可靠性设计。

需要留意的是，该模板的 README 明确标注为“免费版”，部分高级功能（如 200+ 组件、更多布局）属于 PRO 版本。同时，README 提到项目已适配 React 19 并要求 Node.js 22+，安装依赖时需使用 --legacy-peer-deps。若计划基于此模板开发，建议先核对 DemoPages 中的示例代码是否与你的业务需求匹配，并确认自定义页面中从 react-router-dom 的导入需改为 react-router（README 中已提示）。

ReactHTML后台

适合你的项目吗？

适用场景

需要快速搭建中后台管理界面的 React 项目
希望基于 Bootstrap 5 和 React 19 进行二次开发
需要多种仪表盘布局作为参考或起点
对暗色模式与主题定制有需求的内部工具

适合人群

React 开发者，熟悉 Vite 与 Redux Toolkit
需要免费且可商用（需确认许可证）的后台模板
希望基于现代技术栈构建管理面板的团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需 Node.js 22+，安装依赖使用 npm install --legacy-peer-deps。
2
若自定义页面从 react-router-dom 导入，需改为 react-router。
3
建议先阅读 STARTER.md 了解如何精简 DemoPages。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

免费版采用MIT许可证，允许免费使用、修改和商用，仅需保留版权和许可声明。README提及可选Pro版，不影响免费版授权。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明

额外费用与待核对事项

README未明确演示图片、字体或第三方库的单独授权

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文

This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.
README 原文

Permission is hereby granted, free of char
许可证原文

https://github.com/DashboardPack/architectui-react-theme-free/blob/master/LICENSE https://github.com/DashboardPack/architectui-react-theme-free/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 90 / 100
技术栈: React · HTML
网站类型: 后台

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-08-03
截图检查日期: 2026-09-06

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 React。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

仓库文件核对

检查日期: 2026-09-30 · 仅核对文件，未安装依赖或运行测试。

声明的依赖版本范围

react: ^19.2.8
vite: ^8.2.0

声明的 npm 脚本名（未执行）：dev · build · build:analyze · preview · start · lint · lint:fix · format · format:check · test · test:ui · test:coverage · test:e2e · test:e2e:install · postinstall

README.md package.json

查看具体选型方法 →