相關專案

精心策劃的工具列表，可擴展 Material UI 或在其基礎上構建。

MUI 組織和社群開發者已經建立了一些出色的輔助工具，用於搭配 Material UI 使用——本頁重點介紹了我們看到的一些最佳工具。

您是否有認為應該在此處展示的專案？ 歡迎提交 Pull Request，維護者將與您合作撰寫描述。

第三方應用程式啟動器

管理框架

• React-admin：一個前端框架，用於在瀏覽器中、基於 REST/GraphQL API 之上構建數據驅動的應用程式。
• Refine：一個開源、無頭的 React 元框架，用於快速開發 Web 應用程式。

付費啟動器

• Divjoy:

  • 在幾分鐘內建立 Material UI 應用程式。
  • 範本、身份驗證、資料庫整合、訂閱付款等等。

• ScaffoldHub:

  • 用於構建 Web 應用程式的工具。
  • 選擇您的框架和函式庫（React 與 Material UI）。
  • 選擇您的資料庫（SQL、MongoDB 或 Firestore）。
  • 使用直觀的 GUI 建模您的資料庫和應用程式。
  • 產生您的應用程式，包括完整的骨架後端。
  • 在線上預覽您的應用程式並下載產生的程式碼。

第三方主題工具

• Material palette generator：官方 Material Design 2 調色盤產生器工具。

補充元件

版面配置

• MUI Treasury Layout：用於處理頁面整體版面配置的元件。查看範例，例如 legacy.reactjs.org 的克隆。

圖片

• mui-image：唯一符合 Material Design 2 圖像載入指南的 Material UI 圖像元件。

晶片輸入

• mui-chips-input：專為與 Material UI 一起使用而設計的晶片輸入。

電話號碼輸入

• mui-tel-input：專為與 Material UI 一起使用而設計的電話號碼輸入，使用 libphonenumber-js 構建。

一次性密碼輸入

• mui-otp-input：專為與 Material UI 一起使用而設計的一次性密碼輸入。

檔案輸入

• mui-file-input：專為與 Material UI 一起使用而設計的檔案輸入。

顏色輸入

• mui-color-input：專為與 Material UI 一起使用而設計的顏色輸入，使用 TinyColor 構建。

富文本編輯器

• mui-tiptap：一個可自訂的 Material UI 風格 WYSIWYG 富文本編輯器，使用 Tiptap 構建。

表單

• react-hook-form-mui：Material UI 和 react-hook-form 的結合。
• formik-material-ui：用於將 Material UI 與 formik 結合使用的綁定。
• mui-rff：用於將 Material UI 與 React Final Form 結合使用的綁定。
• @ui-schema/ds-material 用於將 Material UI 與 UI Schema 結合使用的綁定。與 JSON Schema 相容。

通知

• notistack：顯示可以堆疊和排隊的多個 snackbar——此工具使處理開啟和關閉狀態更簡單。