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+ 插件
✔️ 原始檔	✔️ 原始檔
深色模式	✔️ 深色模式
佈局選項	✔️ 佈局變化
優先支持	✔️ 優先支持
-	✔️ 免費更新
免費下載	取得達世幣用戶介面