dashui tailwindcss

Dash UI - TailwindCSS HTML 管理模板免费

Dash-UI 是一个 TailwindCSS 管理和仪表板主题。 Dash UI 套件是一个免费的专业模板套件，完全使用 TailwindCSS 进行编码。

工作流程

该产品采用以下广泛使用的技术构建：

• 最流行的 CSS 框架 TailwindCSS
• 高效的工作流程工具 Gulp
• Figma 文件演示

目录

• 快速入门
• 文档
• 文件结构
• 浏览器支持
• 技术支持或问题

快速启动

1. 从克隆此存储库下载
2. 下载项目的 zip
3. 确保您本地安装了 Node。
4. 下载 Gulp 命令行界面，以便能够在终端中使用 gulp。

 npm install gulp-cli -g

5. 安装 Gulp 后，在主dash-ui/文件夹中运行 npm install 以下载所有项目依赖项。您可以在node_modules/文件夹中找到它们。

 npm install

6. 在dash-ui/文件夹中运行 gulp 以使用 BrowserSync 提供项目文件。运行 gulp 将编译主题并在主浏览器中打开/index.html 。

 gulp

7. 生成包含所有生产文件的 /dist 目录。

 gulp build

文档

我们的网站上提供了 Dash UI 的文档。

文件结构

在下载中，您将找到以下目录和文件：

Dash UI TailwindCSS Theme

├── src
│   ├── assets                       # The output css directory
│       ├── css                      # Compiled CSS
│       ├── fonts                    # All fonts are used in the theme.
│       ├── images                   # All the images are used in the theme
|       ├── js                       # All Javascript source files used in theme.
│       ├── tailwind                 # CSS files
│   ├── components                   # All Components for theme.
│   ├── partials                     # A specific loop header and footer files for the templating.
│   ├── index.html                   # Index and All HTML file is start file run when the gulp
├── .gitignore                       # Ignore file for git
├── gulpfile.js                      # Gulp setup file
├── package.json
├── package.lock.json
├── README.md
└── tailwind.config.js               # TailwindCSS configuration file

浏览器支持

目前，我们官方的目标是支持以下浏览器的最后两个版本：

技术支持或问题

如果您有疑问或需要帮助集成产品，请联系我们。支持

有用的链接

• 引导模板
• 反应模板
• Next.js 模板
• Nuxt.js 模板
• 顺风模板

Figma 设计文件

准备使用 Figma 文件。

升级到专业版

使用包含大量 UI 组件、表单、表格、图表、页面和图标的 Dash UI Pro 获得更多功能。

免费版	大水PRO
✔️ 1 个仪表板	✔️ 6 个仪表板
✔️ 11 个 HTML 页面	✔️ 60+ HTML 页面
✔️ 包含文档	✔️ 文档
✔️ 4 个插件	✔️ 10+ 插件
✔️ 源文件	✔️ 源文件
深色模式	✔️ 深色模式
布局选项	✔️ 布局变化
优先支持	✔️ 优先支持
-	✔️ 免费更新
免费下载	获取达世币用户界面