Admin One — 免费的 React Tailwind 3.x 管理仪表板，带有深色模式

基于 Tailwind 3.x 的 React，集成 Next.js 和 TypeScript

基于 Tailwind 3.x 的 React，集成 Next.js 和 TypeScript

Admin One 是一个快速、美观且免费的 React Next Tailwind CSS 3.x 管理仪表板，采用 TypeScript 开发。

• 使用 TypeScript、React、Tailwind CSS 3 框架和 Next.js 构建
• React Redux 状态库 — 详情
• 深色模式
• 样式化滚动条
• 基于 Next.js 的单页应用
• 生产环境 CSS 仅 约38kb
• 可重用组件
• 基于 MIT 许可证免费使用
• 提供高级版本

目录

• Vue 版本
• 响应式布局
  • 移动设备和平板电脑
  • 小型笔记本电脑
  • 笔记本电脑和台式机
• 演示
  • 免费仪表板演示
  • 高级仪表板演示
• 快速开始
  • 获取代码和安装
  • 构建
  • 代码检查和格式化
• 文档
• 浏览器支持
• 问题报告
• 许可证
• 有用链接

寻找 Vue 版本？

这是 Tailwind React TypeScript 版本

寻找 Tailwind Vue？请查看 Admin One - Vue Tailwind 仪表板 版本

响应式布局

移动设备和平板电脑

移动设备布局，带有隐藏的侧边菜单和可折叠的卡片和表格

小型笔记本电脑 1024px

小型笔记本电脑布局，带有显示/隐藏侧边菜单选项

笔记本电脑和台式机

经典布局，左侧带有侧边菜单

演示

免费仪表板演示

https://justboil.github.io/admin-one-react-tailwind/

高级仪表板演示

高级版本即将推出

快速开始

获取代码并安装。然后运行 dev 或 build

• 获取代码和安装
• 构建
• 代码检查和格式化

获取代码和安装

获取仓库

• 使用此模板创建新仓库
• ... 或在 GitHub 上克隆此仓库
• ... 或从 GitHub 下载 .zip 文件

安装

进入项目目录并运行 npm install

构建

构建由 Next.js CLI 处理 — 详情

用于开发的热重载

npm run dev

为生产环境构建和压缩

npm run build

为静态主机导出构建

npm run export

代码检查和格式化

代码检查

npm run lint

使用 prettier 格式化

npm run format

文档

文档即将推出

浏览器支持

我们努力确保仪表板在所有主流浏览器的最新版本中都能正常运行

<img src="https://yellow-cdn.veclightyear.com/835a84d5/eacd3ce6-4c68-47f9-af65-69d1153ec4c8.svg" width="64" height="64" alt="Chrome"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/4cd0c5ab-027c-4e48-ab79-d5a97545cebf.svg" width="64" height="64" alt="Firefox"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/bcadb69d-ac3d-4055-af05-05e2386c367e.svg" width="64" height="64" alt="Edge"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/0e0481d0-c5b5-4ee8-bdaf-28fdcf8dc07a.svg" width="64" height="64" alt="Safari"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/7df01afa-0126-4444-906f-93c5e6cf3524.svg" width="64" height="64" alt="Opera">

问题报告

JustBoil 的免费项目仅限于 GitHub 上的社区支持。

问题列表仅用于报告 bug 和提出功能请求。这意味着我们不接受使用问题。如果您提出的问题不符合要求，它将被关闭。

1. 确保您使用的是最新版本的仪表板。过时版本的问题将被忽略
2. 提供重现步骤
3. 提供预期行为
4. 描述实际发生的情况
5. 提供平台、浏览器及其版本，因为某些问题可能是特定浏览器的问题

许可证

• 版权所有 © 2019-2022 JustBoil.me (https://justboil.me)
• 基于 MIT 许可证

有用链接

• JustBoil.me
• Tailwind CSS
• Next.js 文档
• React.js 文档
• Redux 文档 和 React-Redux 文档
• TypeScript 文档
• TypeScript ESLint 文档