相关项目
A carefully curated list of libraries that are worth having a look at.
Because the scope of problems Material-UI solves is bound, we try to play nicely with other libraries. Feel free to submit a pull request to add another project; it will be accepted if it is suitable.
设计资源
- Sketch: Sketch for Material-UI — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
- Figma:
- https://material.5ly.co/ for Material-UI made by Fively Team.
- https://ui-kit.co/ a starter kit for your Material Design 2 project.
- Framer: Framer X Kit for Material-UI.
You didn't find the design assets your team is looking for? 请告诉我们吧！
Images and illustrations
- Unsplash: 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects.
- unDraw: 📐 Like Unsplash but for amazing vector illustrations.
IDE Tools
- Material-UI Snippets VSCode extension providing snippets.
- Material-UI Codemorphs VSCode extension providing codemods.
Components 组件
This is a collection of third-party projects that extend Material-UI.
布局
- @mui-treasury/layout: Components to handle the overall layout of a page. You can find a couple of examples, e.g. a reactjs.org clone.
Table 表格
- material-table: A simple and powerful Datatable for React based on Material-UI Table with some additional features. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
- dx-react-grid-material-ui：针对 Material-UI 的兼并对数据进行排序、搜索、筛选、分组、操作等功能的数据网格（付费的许可证）。
- mui-datatables：Material-UI 的响应式数据表格，包括筛选，排序，搜索等功能。
- tubular-react: 一个带有本地或者远程的数据来源的 Material-UI 表格。 它能够对数据进行筛选、排序、自由搜索、导出为本地 CSV 以及汇总。
Notifications
- notistack: Makes it easy to display snackbars (so you don't have to deal with open/close state of them).
Upload
- material-ui-dropzone: Built on top of react-dropzone.
Forms 表单
- 使用 formik-material-ui 将 Material-UI 和 formik 结合使用。
- 使用 redux-form-material-ui 将 Material-UI 和 Redux Form 结合使用。
- 使用 mui-rff 将 Material-UI 和 React Final Form 结合使用。
- data-driven-forms MUI mapper Bindings for using Material-UI with Data Driven Forms.
Carousel
- material-auto-rotating-carousel: Introduce new users to your app.
Image
- material-ui-image: Images are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern suggests.
分页
- material-ui-flat-pagination: A flat design pagination component for Material-UI.
Schedulers/Calendars
- dx-react-scheduler-material-ui: A scheduler/calendar component for Material-UI with multiple calendar views, editing, recurrence appointments and date navigation features (paid license).
Charts
- dx-react-chart-material-ui: Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more (paid license).
Dialogs 对话框
- material-ui-confirm: Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
Blocks
- components-extra: Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
主题
- create-mui-theme: An online tool for creating Material-UI themes via Material Design Color Tool.
- material-ui-theme-editor：只需要选择颜色即可为你的 Material-UI 应用生成主题的工具，同时还支持在线预览。
- Material palette generator：它可用于通过您输入的任何颜色生成一系列的调色板。