使用 Daisy UI 组件与 Tailwind CSS 工具类构建界面
React后台SaaS启动器
daisyui-admin-dashboard-template — React 后台模板
作者 robbins23
基于 React、Daisy UI 与 Tailwind CSS 的免费后台管理面板模板，内置 Redux Toolkit、路由、图表与日历等组件。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
目前有 1 张原始预览，可打开完整图片查看设计细节。
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-30查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
内置 Redux Toolkit 进行状态管理
提供浅色/深色模式切换与基于 token 的用户认证
侧边栏支持子菜单，并提供左右侧边栏、全局加载器与通知
包含日历、全局弹窗与 Chart.js 2 图表组件
MIT 许可，可免费使用、修改、商用与分发
模板详细介绍
DashWind 是一个免费的后台管理面板模板，使用 Daisy UI 组件库与 React 构建，样式由 Tailwind CSS 工具类驱动，README 说明其 CSS 可自定义与换肤。模板预先配置了 Redux Toolkit 等库，并包含浅色/深色模式切换、基于 token 的用户认证、侧边栏子菜单、左右侧边栏、全局加载器与通知等界面元素。
页面示例覆盖仪表盘、交易记录、线索、设置、日历与注册等界面，另提供图表（Chart.js 2）与全局弹窗组件。仓库同时给出文档页面链接，以及一个 Next.js + TypeScript 版本的关联仓库地址。
许可方面，仓库采用 MIT 许可，允许免费使用、修改、商用与分发该版本代码，分发时需保留版权与许可声明；演示图片、字体、图标等第三方素材需按各自许可单独核对，域名、托管、数据库等外部服务可能另行收费。README 的路线图提到后续计划加入用户与聊天/收件箱页面、改进日历，并按 CRM、销售、项目管理等业务职能拆分模板，这些属于计划内容而非现有功能。
React后台SaaS启动器
适合你的项目吗？
适用场景
- 搭建 SaaS 或内部系统的后台管理界面原型
- 需要现成仪表盘、交易记录、线索与设置页面的项目
- 希望以 Daisy UI 主题体系快速调整后台外观的团队
- 需要浅色/深色模式与侧边栏导航结构的后台应用
适合人群
- 使用 React 与 Tailwind CSS 技术栈的前端开发者
- 需要免费后台模板作为项目起点的个人或团队
- 希望基于 Daisy UI 组件库统一后台视觉风格的项目
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
进入项目目录后执行 npm install 与 npm start，需先安装 Node
- 2
README 中列出的核心依赖包括 React、React Router、Tailwind CSS、Daisy UI、HeroIcons、Redux Toolkit 与 React ChartJS 2
- 3
使用或分发代码时需保留原作者版权声明与 MIT 许可声明
- 4
演示图片、字体、图标等第三方素材需单独核对其许可
- 5
仓库另有 Next.js + TypeScript 版本的关联项目，可按需参考
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供；担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/robbins23/daisyui-admin-dashboard-template/blob/master/LICENSE.mdhttps://github.com/robbins23/daisyui-admin-dashboard-template/blob/master/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-30。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 85 / 100
- 技术栈
- React
- 网站类型
- 后台 · SaaS · 启动器
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-05-26
- 截图检查日期
- 2026-09-30
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 React。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: bda8d18fb01b75de40af089ae89b27e276beb74c60259ceafb62365e9b02dce9
2026-09-30T09:06:17.684Z
来源文件 / 仓库
# Daisy UI Admin Dashboard Template - DashWind
[](https://choosealicense.com/licenses/mit/)
This is a free admin dashboard template that uses **Daisy UI** and React js. It has **fully customizable and themable CSS** CSS and is powered by Tailwind CSS utility classes. Additionally, it comes with **redux toolkit** and other libraries already set up.
## Preview
🚀 [Live preview](https://tailwind-dashboard-template-dashwind.vercel.app/)
## Features
- **Light/dark** mode toggle
- Token based user **authentication**
- **Submenu support** in sidebar
- Store management using **redux toolkit**
- **Daisy UI** components and **Tailwind** support
- **Right and left sidebar**, Universal loader, notifications
- **Calendar**, global modal, **chart js 2** and other components
## Typescript Nest Js Version
[Link](https://github.com/robbins23/admin-dashboard-nextjs-typescript-daisyui)
## Installation
Go to project directory and run (make sure you have node installed first)
```bash
npm install
npm start
```
## Core Libraries Used
- [React JS v18.2.0](https://reactjs.org/)
- [React Router v6.4.3](https://reactrouter.com/en/main)
- [Tailwind CSS v3.3.6](https://tailwindcss.com/)
- [Daisy UI v4.4.19](https://daisyui.com/)
- [HeroIcons](https://heroicons.com/)
- [Redux toolkit v1.9](https://redux-toolkit.js.org/)
- [React ChartJS 2 v5](https://react-chartjs-2.js.org/)
## Documentation
[Documentation](https://tailwind-dashboard-template-dashwind.vercel.app/documentation)
## Page Examples
| | |
:-------------------------:|:-------------------------:
 | 
 | 
 | 
## Preview
🚀 [Live preview](https://tailwind-dashboard-template-dashwind.vercel.app/)
## Roadmap
- Addition of users, chat/ inbox page
- Calendar improments
- Seperate templates based on business functions like CRM, Sales, Project Management
## Contributing
Contributions are always welcome!
## License
[](https://choosealicense.com/licenses/mit/)
## Feedback
If you have any feedback, please reach out [here](https://forms.gle/8G7PsvQp8X1Swcf29)
看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
ant-design-pro
Ant Design Pro 是 Ant Design 官方推出的企业级中后台前端脚手架，基于 React 19、Umi Max 4 和 antd 6 构建，内置 TypeScript 支持。
React · 后台
react-boilerplate
react-boilerplate 是一个为有一定 React 和 Redux 经验的开发者设计的启动器，目标是快速搭建可扩展、离线优先的 Web 应用。
React · 启动器
coreui-free-react-admin-template
Free React Admin & Dashboard Template Built for AI-Assisted Development
React · 后台
fastapi-react
fastapi-react 是一个基于 Cookiecutter 的模板，用于快速搭建 FastAPI 与 React（TypeScript）的全栈项目。
React · 后台
react-antd-admin-template
一个基于React+Antd的后台管理模版，在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
React · 后台
shadcn-landing-page
Free Landing page template using Shadcn, React, Typescript and Tailwind
React · 企业官网