material tailwind dashboard react

材質 Tailwind 儀表板 React

Material Tailwind Dashboard React 是我們基於 Tailwind CSS 和 React 的最新免費 Material Tailwind 管理模板。如果您是開發人員，希望創建一個對開發人員友好、功能豐富且高度可自訂的管理儀表板，那麼這裡就是您的最佳選擇。我們創新的 Material Tailwind、Tailwind CSS 和 React 儀表板具有受 Google Material Design 啟發的精美設計，它將幫助您創建令人驚嘆的網站和 Web 應用程式來取悅您的客戶。

完全編碼的元素

Material Tailwind Dashboard React 由 @material-tailwind/react 的 40 多個前端單獨元素構建而成，例如按鈕、輸入、導航列、導航選項卡、卡片或警報，讓您可以自由選擇和組合。所有元件都可以採用顏色變化，您可以使用 props 和 tailwind css 類別名稱輕鬆修改顏色。從原型設計到功能齊全的程式碼，您將節省大量時間，因為所有元素都已實現。

這個免費的 Material Tailwind、Tailwind CSS 和 React Dashboard 帶有預先建立的設計區塊，因此開發過程是無縫的，從我們的頁面切換到真實的網站非常容易完成。

在此查看所有組件。

開發人員建構的文檔

每個元素都在非常複雜的文檔中得到了很好的呈現。

您可以在此處閱讀有關文件的更多資訊。

範例頁面

如果您想獲得靈感或只是直接向客戶展示一些內容，您可以使用我們預先建立的範例頁面來啟動您的開發。您將能夠快速設定 Web 專案的基本結構。

在此處查看範例頁面。

有用的連結

• 查看 Github 儲存庫
• 檢查常見問題頁面

特別感謝

在開發此儀表板的過程中，我們使用了許多來自優秀開發人員的現有資源。我們要感謝他們提供開源工具：

• Material Tailwind -Material Tailwind 是一個易於使用的 Tailwind CSS 和 Material Design 元件庫。
• Hero Icons - 美麗的手工製作的 SVG 圖示。
• Apex Charts - 現代和互動式開源圖表。
• Nepcha Analytics 用於分析工具。 Nepcha 已經與 Material Tailwind Dashboard React 整合。您可以使用它來深入了解流量來源。

請在下面告訴我們您的想法。祝您發展順利！

目錄

• 版本
• 示範
• 快速入門
• 部署
• 文件
• 文件結構
• 瀏覽器支援
• 資源
• 報告問題
• 技術支援或問題
• 授權
• 有用的連結

版本

終端命令

1. 從 NodeJs 官方頁面下載並安裝 NodeJs LTS 版本。
2. 導覽至產品的根 ./ 目錄並執行npm install或yarn install或pnpm install來安裝我們的本機相依性。

文件

Material Tailwind Dashboard React 的文件託管在我們的網站上。

包含什麼

在下載中，您將找到以下目錄和檔案：

 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

瀏覽器支援

目前，我們官方的目標是支援以下瀏覽器的最後兩個版本：

資源

• 即時預覽
• 下載頁面
• 文件在這裡
• 授權協議
• 支援
• 問題：Github 問題頁面
• Nepcha Analytics - 您網站的分析工具

報告問題

我們使用 GitHub Issues 作為 Material Tailwind Dashboard React 的官方錯誤追蹤器。以下是針對想要回報問題的用戶的一些建議：

1. 確保您使用的是最新版本的 Material Tailwind Dashboard React。從我們網站上的儀表板檢查變更日誌。
2. 為我們提供針對該問題的可重現步驟將縮短修復問題所需的時間。
3. 有些問題可能是特定於瀏覽器的，因此指定您在哪個瀏覽器中遇到該問題可能會有所幫助。

技術支援或問題

如果您有疑問或需要整合產品的協助，請聯絡我們而不是提出問題。

授權

• 版權所有 2023 創意蒂姆
• 創意蒂姆許可

有用的連結

• 更多產品來自 創意蒂姆

• 教學

• 創意蒂姆的免費贈品

• 聯盟計劃（賺錢）

社群媒體

推特：https://twitter.com/CreativeTim

臉書：https://www.facebook.com/CreativeTim

Dribbble：https://dribbble.com/creativetim

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

Instagram：https://instagram.com/creativetimofficial