相关项目

一个精心策划的工具列表，用于扩展 Material UI 或在其基础上构建。

MUI 组织和社区的开发者构建了一些出色的 Material UI 辅助工具——此页面重点介绍了一些我们见过的最佳工具。

您是否有认为应该在此处展示的项目？请随时提交 pull request，维护人员将与您合作编写描述。

第三方应用启动器

管理后台框架

• React-admin：一个前端框架，用于构建在 REST/GraphQL API 之上运行的、数据驱动的浏览器应用程序。
• Refine：一个开源、无头 React 元框架，用于快速开发 Web 应用程序。

付费启动器

• Divjoy:

  • 在几分钟内创建一个 Material UI 应用。
  • 模板、身份验证、数据库集成、订阅支付等等。

• ScaffoldHub:

  • 用于构建 Web 应用程序的工具。
  • 选择您的框架和库（带有 Material UI 的 React）。
  • 选择您的数据库（SQL、MongoDB 或 Firestore）。
  • 使用直观的 GUI 对您的数据库和应用程序进行建模。
  • 生成您的应用程序，包括完整的脚手架后端。
  • 在线预览您的应用程序并下载生成的代码。

第三方主题工具

• Material palette generator：官方 Material Design 2 调色板生成器工具。

补充组件

布局

• MUI Treasury Layout：用于处理页面整体布局的组件。查看示例，例如 legacy.reactjs.org 的克隆。

图像

• mui-image：唯一符合 Material Design 2 图像加载指南的 Material UI 图像组件。

Chips 输入

• mui-chips-input：一个为 Material UI 设计的 chips 输入组件。

电话号码输入

• 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——此工具使处理打开和关闭状态更加简单。