ViteReact后台

pills-of-zen — Vite 后台模板

作者 mobisoftinfotech

Pills of Zen 是 mobisoftinfotech 开源的响应式后台管理模板，基于 React、TypeScript 与 Vite 构建，使用 Tailwind CSS 与 Radix UI 组件，并集成 Recharts 图表。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

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

01

基于 React 与 TypeScript，使用 Vite 作为构建工具

02

使用 Tailwind CSS 进行样式编写，Radix UI 提供可访问组件

03

内置 Recharts 数据可视化，页面包含图表、表格与表单

04

支持深色与浅色两种界面模式，适配响应式布局

05

部分页面设计参考 AdminLTE

06

采用 MIT 许可，可免费使用、修改与商用

模板详细介绍

Pills of Zen 是一个后台管理面板模板，仓库位于 GitHub 的 mobisoftinfotech/pills-of-zen。技术栈为 React 配合 TypeScript，构建工具使用 Vite，样式由 Tailwind CSS 提供，可访问性组件来自 Radix UI，数据可视化使用 Recharts。模板提供深色与浅色两种模式，包含图表、表格和表单等后台常见组件，整体界面偏数据展示型仪表盘。

README 说明部分页面的设计与功能参考了 AdminLTE。仓库同时提供在线文档与在线演示链接，便于查看实际页面效果。模板采用 MIT 许可，允许免费使用、修改、商用与分发该版本代码，分发时需保留版权声明与完整许可声明。

需要注意，MIT 许可仅覆盖该仓库代码；演示图片、字体、图标等第三方素材以及域名、托管、数据库等外部服务需按各自条款另行核对，可能产生额外费用。README 未列出具体依赖版本，也未说明生产环境部署方式。

ViteReact后台

适合你的项目吗？

适用场景

  • 搭建数据展示型后台管理面板的起始模板
  • 需要深色/浅色模式切换的仪表盘项目
  • 使用 React、TypeScript 与 Tailwind CSS 技术栈的管理端开发
  • 需要图表、表格、表单等常见后台组件的项目原型

适合人群

  • 希望以现成 React 后台模板起步的前端开发者
  • 使用 Tailwind CSS 与 Radix UI 的团队
  • 需要仪表盘类数据界面原型的项目
  • 可接受 MIT 许可条款并自行核对第三方素材的使用者

上手与定制指南

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

  1. 1

    仓库未在 README 中给出安装与运行命令，需查看仓库文件或在线文档确认

  2. 2

    README 未列出依赖版本，安装前应核对 package.json

  3. 3

    MIT 许可仅覆盖代码，演示图片、字体、图标等第三方素材需单独核对许可

  4. 4

    域名、托管、数据库等外部服务可能另行收费

  5. 5

    README 未说明生产环境部署方式，需自行评估

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 部分页面的设计与功能参考了 AdminLTE（MIT 许可项目），若复用或改编这些页面的设计，需同时遵守 AdminLTE 的 MIT 许可条款并保留其版权声明。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

The design and functionality of few pages within the Pills of Zen Admin Theme draw inspiration from AdminLTE.

README 原文
https://github.com/mobisoftinfotech/pills-of-zen/blob/main/LICENSEhttps://github.com/mobisoftinfotech/pills-of-zen/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 86 / 100
技术栈
Vite · React
网站类型
后台
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2025-05-13
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 76e430823ac2579c8c82ea206c1d4b93c3ce349ac72a95f3ed81e8f1ec438da6

2026-10-02T10:05:19.360Z

来源文件 / 仓库
# Pills of Zen Admin Theme

Pills of Zen is a modern, responsive admin dashboard template built with React, TypeScript, and Vite, featuring a clean interface with dark and light mode support and essential components like charts, tables, and forms. It leverages Tailwind CSS for styling, Radix UI for accessible components, and Recharts for data visualization to create a professional and customizable user experience.

For more information please check the [Pills of Zen Admin Theme Docs](https://mobisoftinfotech.com/tools/pills-of-zen-admin-theme-docs/)

You can check the [Live Demo Here](https://mobisoftinfotech.com/tools/pills-of-zen-admin-theme-demo/)

## Inspiration

The design and functionality of few pages within the Pills of Zen Admin Theme draw inspiration from AdminLTE.

- [AdminLTE Official Website](https://adminlte.io/)
- [AdminLTE GitHub Repository](https://github.com/ColorlibHQ/AdminLTE)

**License**: MIT
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

kiaalap

kiaalap

Free admin dashboard template focused on education, online course and school management. Build using Bootstrap…

Vite · 后台

react-vite-admin

react-vite-admin

This Starter utilizes React, Recoil, React Query, React Hooks, Typescript, Axios And Vite. 全新技术栈的后台管理系统

Vite · 后台

admin-antd-react

admin-antd-react

React + Ant Design Admin template

Vite · 后台

arco-admin-template

arco-admin-template

🔥基于 vite构建的react后台模版 使用： acro-design + react-router-dom v6 + mockjs + less，支持国际化，亮色暗色切换等

Vite · 后台

super-admin

super-admin

React Admin template with multiple cached tabs 🔨... 管理后台多tab缓存标签页解决方案，正在建设中 🔨...

Vite · 后台

react-vite-tailwind-typescript-firebase-auth-template

react-vite-tailwind-typescript-firebase-auth-template

Good starting point for your next application with React.JS, TypeScript, TailwindCSS, Firebase Auth and Vite.

Vite · 后台