-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs] Add App starters in related-projects.md #44315
Changes from 4 commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -87,7 +87,7 @@ This demo shows how to display multiple Snackbars without stacking them by using | |
|
||
{{"demo": "ConsecutiveSnackbars.js"}} | ||
|
||
## Third-party integrations | ||
## Supplementary components | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Seems to match the other sections. It's not even an integration anyway notistack copies the style but doesn't depend on Material UI. |
||
|
||
### notistack | ||
|
||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -353,13 +353,13 @@ In order for the text field to be accessible, **the input should be linked to th | |
</FormControl> | ||
``` | ||
|
||
## Complementary projects | ||
## Supplementary projects | ||
|
||
<!-- To sync with related-projects.md --> | ||
|
||
For more advanced use cases, you might be able to take advantage of: | ||
|
||
- [react-hook-form](https://react-hook-form.com/): React hook for form validation. | ||
- [react-hook-form-mui](https://github.com/dohomi/react-hook-form-mui): Material UI and react-hook-form combined. | ||
- [react-hook-form-mui](https://github.com/dohomi/react-hook-form-mui): Material UI and [react-hook-form](https://react-hook-form.com/) combined. | ||
- [formik-material-ui](https://github.com/stackworx/formik-mui): Bindings for using Material UI with [formik](https://formik.org/). | ||
- [mui-rff](https://github.com/lookfirst/mui-rff): Bindings for using Material UI with [React Final Form](https://final-form.org/react). | ||
- [@ui-schema/ds-material](https://www.npmjs.com/package/@ui-schema/ds-material) Bindings for using Material UI with [UI Schema](https://github.com/ui-schema/ui-schema). JSON Schema compatible. | ||
- [@data-driven-forms/mui-component-mapper](https://www.data-driven-forms.org/provided-mappers/mui-component-mapper): Bindings for using Material UI with [Data Driven Forms](https://github.com/data-driven-forms/react-forms). | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Outdated |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,63 +7,75 @@ Developers from the community have built some excellent supplemental tools for w | |
Do you have a project that you think should be featured here? | ||
Feel free to submit a pull request and the maintainers will work with you to write the description. | ||
|
||
## Premium tools | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Showing paid content first felt backward. |
||
## App starters | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I guess we can group those under this category. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Now, if we subscribe to this view: #40062 (comment), this content is wrong here we should move it under a new "Example projects" page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Alternative titles:
I think it's important to make it clear that we don't maintain anything on this page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fair enough |
||
|
||
- [ScaffoldHub](https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1): | ||
### Admin frameworks | ||
|
||
- Tool for building web applications. | ||
- Choose your framework and library (React with Material UI). | ||
- Choose your database (SQL, MongoDB or Firestore). | ||
- Model your database and application with the intuitive GUI. | ||
- Generate your application, including a complete scaffolded backend. | ||
- Preview your application online and download the generated code. | ||
- [React-admin](https://github.com/marmelab/react-admin): A front-end framework for building data-driven applications running in the browser on top of REST/GraphQL APIs. | ||
- [Refine](https://github.com/refinedev/refine): An open source, headless React meta-framework for the rapid development of web applications. | ||
|
||
### Paid starters | ||
|
||
- [Divjoy](https://divjoy.com?via=material-ui): | ||
|
||
- Create a Material UI app in minutes. | ||
- Templates, authentication, database integration, subscription payments, and more. | ||
|
||
## Free tools | ||
|
||
### Admin frameworks | ||
|
||
- [React-admin](https://github.com/marmelab/react-admin): A front-end framework for building data-driven applications running in the browser on top of REST/GraphQL APIs. | ||
- [Refine](https://github.com/refinedev/refine): An open source, headless React meta-framework for the rapid development of web applications. | ||
- [ScaffoldHub](https://v2.scaffoldhub.io/scaffolds/react-material-ui?partner=1): | ||
- Tool for building web applications. | ||
- Choose your framework and library (React with Material UI). | ||
- Choose your database (SQL, MongoDB or Firestore). | ||
- Model your database and application with the intuitive GUI. | ||
- Generate your application, including a complete scaffolded backend. | ||
- Preview your application online and download the generated code. | ||
|
||
### Theming tools | ||
## Theming tools | ||
|
||
- [Material palette generator](https://m2.material.io/inline-tools/color/): The official Material Design 2 palette generator tool. | ||
|
||
### Supplementary components | ||
## Supplementary components | ||
|
||
#### Layout | ||
### Layout | ||
Comment on lines
-39
to
+38
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. So we can:
Today, those lists are a bit skinning but there should be more content here. Not having more is only an indicator that Material UI is failing, there used to be more active third-party projects: https://v4.mui.com/discover-more/related-projects/. Shacn UI / Bootstrap has more. |
||
|
||
- [MUI Treasury Layout](https://mui-treasury.com/?path=/docs/layout-v6-introduction--docs): Components to handle the overall layout of a page. Check out examples such as [a legacy.reactjs.org clone](https://mui-treasury.com/?path=/story/layout-v6-app-react-legacy--react-legacy). | ||
|
||
#### Image | ||
### Image | ||
|
||
- [mui-image](https://github.com/benmneb/mui-image): The only Material UI image component to satisfy the Material Design 2 guidelines for loading images. | ||
|
||
#### Chips input | ||
### Chips input | ||
|
||
- [mui-chips-input](https://github.com/viclafouch/mui-chips-input): A chips input designed for use with Material UI. | ||
|
||
#### Phone number input | ||
### Phone number input | ||
|
||
- [mui-tel-input](https://github.com/viclafouch/mui-tel-input): A phone number input designed for use with Material UI, built with [libphonenumber-js](https://www.npmjs.com/package/libphonenumber-js). | ||
|
||
#### One-time password input | ||
### One-time password input | ||
|
||
- [mui-otp-input](https://github.com/viclafouch/mui-otp-input): A one-time password input designed for use with Material UI. | ||
|
||
#### File input | ||
### File input | ||
|
||
- [mui-file-input](https://github.com/viclafouch/mui-file-input): A file input designed for use with Material UI. | ||
|
||
#### Color input | ||
### Color input | ||
|
||
- [mui-color-input](https://github.com/viclafouch/mui-color-input): A color input designed for use with Material UI, built with [TinyColor](https://tinycolor.vercel.app/). | ||
|
||
#### Rich text editor | ||
### Rich text editor | ||
|
||
- [mui-tiptap](https://github.com/sjdemartini/mui-tiptap): A customizable Material UI-styled WYSIWYG rich text editor, built with [Tiptap](https://tiptap.dev/). | ||
|
||
### Form | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I guess we might want to duplicate the content? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. GitHub has a smart way to handle this: https://github.com/github/docs/blob/c20e5a5cb73d4100b635810c927f0c71a7ef30d3/content/desktop/installing-and-authenticating-to-github-desktop/authenticating-to-github-in-github-desktop.md?plain=1#L18. Love it, added to mui/mui-public#247. |
||
|
||
<!-- To sync with text-fields.md --> | ||
|
||
- [react-hook-form-mui](https://github.com/dohomi/react-hook-form-mui): Material UI and [react-hook-form](https://react-hook-form.com/) combined. | ||
- [formik-material-ui](https://github.com/stackworx/formik-mui): Bindings for using Material UI with [formik](https://formik.org/). | ||
- [mui-rff](https://github.com/lookfirst/mui-rff): Bindings for using Material UI with [React Final Form](https://final-form.org/react). | ||
- [@ui-schema/ds-material](https://www.npmjs.com/package/@ui-schema/ds-material) Bindings for using Material UI with [UI Schema](https://github.com/ui-schema/ui-schema). JSON Schema compatible. | ||
|
||
### Notification | ||
|
||
- [notistack](https://github.com/iamhosseindhv/notistack): Makes it easy to display snackbars (so you don't have to deal with open/close state of them). | ||
oliviertassinari marked this conversation as resolved.
Show resolved
Hide resolved
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sync with the new header used by Sam in #44191. I guess it makes more sense https://ell.stackexchange.com/questions/188457/difference-between-complementary-and-supplementary.