TailAdmin 是一个基于React 和 Tailwind CSS构建的免费开源管理仪表板模板,为开发人员提供了为即将到来的 Web 项目创建全面的、数据驱动的后端、仪表板或管理面板解决方案所需的一切。
借助 TailAdmin,您可以访问构建功能丰富且完整的仪表板或管理面板所需的所有必要的仪表板 UI 组件、元素和页面。无论您是为复杂的 Web 应用程序还是简单的网站构建仪表板或管理面板,TailAdmin 都是帮助您快速启动和运行的完美解决方案。
5 个独特的仪表板:分析、电子商务、营销和 CRM(将添加更多)
120 多个仪表板 UI 组件
总共 200 多个 UI 元素
45+ HTML 文件
所有基本元素和文件
完整 Figma 设计源代码 - 如演示所示
1 个独特的仪表板
30 多个仪表板 UI 组件
总共 50 多个 UI 元素
10+ HTML 文件
TypeScript 支持
基本 UI 套件元素和文件
Figma 设计源 - 免费样品
基于 Tailwind CSS 的 TailAdmin React 仪表板模板是一个预先设计的起点,用于使用 React JavaScript 库和 Tailwind CSS 实用程序优先框架构建基于 Web 的仪表板。此 Tailwind CSS + React 仪表板模板 - 使用 Tailwind CSS 构建,包括预构建组件,例如导航菜单、图表、表格和表单,可以轻松自定义并集成到小型到大型 React Web 应用程序中。
如果您正在寻找高质量的React-Tailwind 仪表板、管理面板模板或 UI 套件,TailAdmin 将是您的完美选择!
您需要安装 Node.js >=v14.16+(推荐版本)(NPM 附带),并且 TailAdmin 使用Vite作为前端工具,要执行安装和构建生产版本,请按照以下步骤操作:
使用终端并导航到项目 (tailadmin-react) 根目录。
然后运行: npm install
然后运行: npm run dev
现在,在浏览器中转到localhost:5173
对于生产构建运行: npm run build
默认构建输出目录:/dist
此命令将在模板的根目录中生成一个 dist 作为构建文件夹,您可以将其上传到服务器。
React 和 Tailwind 是席卷 Web 开发世界的两种流行技术。 React 是一个用于构建用户界面的 JavaScript 库,而 Tailwind 是一个实用程序优先的 CSS 框架,可以轻松设计 Web 应用程序的样式。 TailAdmin React 提供 200 多个基本 React + Tailwind CSS UI 组件,您可以复制粘贴并在仪表板项目中使用它们。其中包括 - 图表、图形、导航栏、选项卡、按钮、卡片、表格、配置文件、选项卡、表单、模态、应用程序页面、日历、Web 应用程序示例模板等等...用于使用 Tailwind CSS 进行 React 和 Styled
增强功能01:删除每个页面中重复的DefaultLayout
增强功能 02:添加 ClickOutside 组件以减少标头消息、通知和用户下拉列表中的重复功能。
增强功能01:在[日期选择器/表单元素]中集成flatpickr
增强02:选择选项【选择元素/表单元素】后改变颜色。
增强03:使其功能化[多选下拉/表单元素]。
增强功能04:使最佳价值可编辑[定价表一/定价表]。
增强功能 05:重新排列文件夹结构。
在 TailAdmin React 中添加 Typescript。
TailAdmin React 的初始版本。