dashui tailwindcss

ダッシュ UI - TailwindCSS HTML 管理テンプレート無料

Dash-UI は、TailwindCSS 管理者およびダッシュボードのテーマです。 Dash UI Kit は、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. BrowserSync を使用してプロジェクト ファイルを提供するには、 dash-ui/フォルダーで gulp を実行します。 gulp を実行するとテーマがコンパイルされ、メイン ブラウザで/index.html開きます。

 gulp

7. すべての運用ファイルを含む /dist ディレクトリを生成します。

 gulp build

ドキュメント

Dash UI のドキュメントは、当社の Web サイトで提供されています。

ファイル構造

ダウンロード内には、次のディレクトリとファイルがあります。

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

ブラウザのサポート

現時点では、次のブラウザの最後の 2 つのバージョンを正式にサポートすることを目指しています。

テクニカルサポートまたは質問

ご質問がある場合、または製品の統合についてサポートが必要な場合は、お問い合わせください。サポート

役立つリンク

• ブートストラップ テンプレート
• 反応テンプレート
• Next.js テンプレート
• Nuxt.js テンプレート
• 追い風のテンプレート

Figma デザインファイル

Figma ファイルを使用する準備ができました。

PRO にアップグレード

多数の UI コンポーネント、フォーム、テーブル、グラフ、ページ、アイコンを備えた Dash UI Pro でさらにパワーアップしましょう。

無料版	ダッシュUIプロ
✔️ 1 ダッシュボード	✔️ 6 ダッシュボード
✔️ 11 HTML ページ	✔️ 60 以上の HTML ページ
✔️ ドキュメントを含める	✔️ ドキュメント
✔️ 4 つのプラグイン	✔️ 10 個以上のプラグイン
✔️ ソースファイル	✔️ ソースファイル
ダークモード	✔️ ダークモード
レイアウトオプション	✔️ レイアウトのバリエーション
優先サポート	✔️ 優先サポート
-	✔️ 無料アップデート
無料ダウンロード	ダッシュ UI を入手