material tailwind dashboard react

マテリアル Tailwind ダッシュボード React

マテリアル テイルウィンド ダッシュボード React は、Tailwind CSS と React に基づいた最新の無料のマテリアル テイルウィンド管理者テンプレートです。開発者にとって使いやすく、機能が豊富で、高度にカスタマイズ可能な管理ダッシュボードを作成したいと考えている開発者には、ここが最適です。当社の革新的なマテリアル テイルウィンド、テイルウィンド CSS および React ダッシュボードには、Google のマテリアル デザインからインスピレーションを得た美しいデザインが備わっており、クライアントを満足させる素晴らしい Web サイトや Web アプリを作成するのに役立ちます。

完全にコード化された要素

Material Tailwind ダッシュボード React は、ボタン、入力、ナビゲーションバー、ナビゲーション タブ、カード、アラートなど、@material-tailwind/react から取得した 40 を超えるフロントエンドの個別要素で構築されており、自由に選択して組み合わせることができます。すべてのコンポーネントは色のバリエーションを取ることができ、props と tailwind CSS クラス名を使用して簡単に変更できます。すべての要素が実装されているため、プロトタイピングから完全に機能するコードに移行する時間を大幅に節約できます。

この無料のマテリアル Tailwind、Tailwind CSS、および React ダッシュボードには、事前に構築されたデザイン ブロックが付属しているため、開発プロセスはシームレスであり、ページから実際の Web サイトへの切り替えは非常に簡単です。

すべてのコンポーネントをここで表示します。

開発者が作成したドキュメント

各要素は、非常に複雑なドキュメントで適切に表現されています。

ドキュメントの詳細については、こちらをご覧ください。

サンプルページ

インスピレーションを得たい場合、またはクライアントに直接何かを見せたい場合は、事前に構築されたサンプル ページを使用して開発をすぐに開始できます。 Web プロジェクトの基本構造をすばやくセットアップできるようになります。

ここでサンプルページをご覧ください。

役立つリンク

• Github リポジトリを表示する
• FAQページを確認する

特別な感謝

このダッシュボードの開発中に、私たちは優れた開発者からの多くの既存のリソースを使用しました。ツールをオープンソースで提供してくれた彼らに感謝したいと思います。

• マテリアル テイルウィンド - マテリアル テイルウィンドは、Tailwind CSS およびマテリアル デザイン用の使いやすいコンポーネント ライブラリです。
• ヒーロー アイコン - 美しい手作りの SVG アイコン。
• Apex Charts - 最新でインタラクティブなオープンソース チャート。
• 分析ツールの Nepcha Analytics。 Nepcha はすでにマテリアル テイルウィンド ダッシュボード React と統合されています。これを使用して、トラフィックのソースに関する洞察を得ることができます。

以下であなたのご意見をお聞かせください。そして開発頑張ってください！

目次

• バージョン
• デモ
• クイックスタート
• 展開する
• ドキュメント
• ファイル構造
• ブラウザのサポート
• リソース
• 問題の報告
• テクニカルサポートまたは質問
• ライセンス
• 役立つリンク

バージョン

ターミナルコマンド

1. NodeJs 公式ページから NodeJs LTS バージョンをダウンロードしてインストールします。
2. 製品のルート ./ ディレクトリに移動し、 npm install 、 yarn install 、またはpnpm installを実行して、ローカルの依存関係をインストールします。

ドキュメント

Material Tailwind ダッシュボード React のドキュメントは、当社の Web サイトでホストされています。

含まれるもの

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

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

ブラウザのサポート

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

リソース

• ライブプレビュー
• ダウンロードページ
• ドキュメントはこちら
• ライセンス契約
• サポート
• 問題: Github の問題ページ
• Nepcha Analytics - ウェブサイトの分析ツール

問題の報告

私たちは、マテリアル テイルウィンド ダッシュボード React の公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。

1. 最新バージョンのマテリアル Tailwind ダッシュボード React を使用していることを確認してください。弊社 Web サイトのダッシュボードから CHANGELOG を確認してください。
2. 問題に対する再現可能な手順を提供していただくと、問題の修正にかかる時間が短縮されます。
3. 一部の問題はブラウザーに固有である可能性があるため、どのブラウザーで問題が発生したかを指定すると役立つ場合があります。

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

ご質問がある場合、または製品の統合に関してサポートが必要な場合は、問題を解決するのではなく、お問い合わせください。

ライセンス

• Copyright 2023 クリエイティブティム
• クリエイティブティムライセンス

役立つリンク

• Creative Tim のその他の製品

• チュートリアル

• クリエイティブ ティムからの景品

• アフィリエイト プログラム (お金を稼ぐ)

ソーシャルメディア

Twitter: https://twitter.com/CreativeTim

フェイスブック: https://www.facebook.com/CreativeTim

ドリブル: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

インスタグラム：https://instagram.com/creativetimofficial