diff --git a/docs/src/pages/components/cards/cards.md b/docs/src/pages/components/cards/cards.md index fc1e4bd428b697..99efef1a5ade2d 100644 --- a/docs/src/pages/components/cards/cards.md +++ b/docs/src/pages/components/cards/cards.md @@ -11,6 +11,8 @@ components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedi They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy. +👑 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/card). + ## Simple Card Although cards can support multiple actions, UI controls, and an overflow menu, use restraint and remember that cards are entry points to more complex and detailed information. @@ -48,3 +50,4 @@ Supplemental actions within the card are explicitly called out using icons, text Here's an example of a media control card. {{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}} + diff --git a/docs/src/pages/discover-more/related-projects/related-projects.md b/docs/src/pages/discover-more/related-projects/related-projects.md index e1eb88a4b2c308..9d6782f7879665 100644 --- a/docs/src/pages/discover-more/related-projects/related-projects.md +++ b/docs/src/pages/discover-more/related-projects/related-projects.md @@ -25,6 +25,14 @@ You didn't find the design assets your team is looking for? Let us know! This is a collection of third-party projects that extend Material-UI. +### Inspiration & Example code +- [mui-treasury](https://mui-treasury.com): a collection of ready-to-use components based on Material-UI. + +### Layout +- [@mui-treasury/layout](https://mui-treasury.com/layout/tutorials/dashboard-layout): Create instant layout for real-world application. If you want to build dashboard, personal blog or documentation site, have a look at this library. +It provide simple API with responsively configurable to build layout without tears. Take a look at clone examples [Reactjs doc site](https://mui-treasury.com/layout/clones/reactjs?bgColor=b6c0d4), [Messenger chat](https://mui-treasury.com/layout/clones/messenger?bgColor=rgb(0,153,255)&dark=true) +or [E-commerce shopping card](https://mui-treasury.com/layout/clones/shopping-cart?bgColor=EAEEF1) + ### Tables - [material-table](https://github.com/mbrn/material-table): A simple and powerful Datatable for React based on Material-UI Table with some additional features.