@mui/material
Version:
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
44 lines (24 loc) • 2.33 kB
Markdown
# Learning resources
New to Material UI? Get up to speed quickly with our curated list of learning resources.
## Your first component
The following demo shows a basic Material UI app that features a `<Button>` component.
Try changing the `variant` on the [Button](/material-ui/react-button/) to `outlined` to see how the style changes:
```tsx
import Button from '@mui/material/Button';
export default function ButtonUsage() {
return <Button variant="contained">Hello world</Button>;
}
```
## Example projects
Visit the [example projects](/material-ui/getting-started/example-projects/) page to see how we recommend implementing Material UI with various React libraries and frameworks like Next.js, Vite, and more.
## Templates
Check out our [selection of basic templates](/material-ui/getting-started/templates/) to get started building your next app more quickly.
## Recommended resources
Beyond our official documentation, there are countless members of our community who create fantastic tutorials and guides for working with Material UI.
The following is a curated list of some of the best third-party resources we've found for learning how to build beautiful apps with our components.
### Free
- **[Material UI v7 Complete Course](https://www.youtube.com/watch?v=XQVcsGbMBCM)** by Code Genix: this comprehensive course covers everything you need to build with the latest version of Material UI.
- **[React + Material UI - From Zero to Hero](https://www.youtube.com/playlist?list=PLDxCaNaYIuUlG5ZqoQzFE27CUOoQvOqnQ)** video series by The Atypical Developer: build along with this in-depth series, from basic installation through advanced component implementation.
- **[Material UI v5 Crash Course + Intro to React (2022 Edition)](https://www.youtube.com/watch?v=_W3uuxDnySQ)** by Anthony Sistilli: how and why to use Material UI, plus guidance on theming and style customization.
- **[Material UI v5 Tutorial Playlist](https://www.youtube.com/playlist?list=PLlR2O33QQkfXnZMMZC0y22gLayBbB1UQd)** by Nikhil Thadani (Indian Coders): a detailed playlist covering almost every component of Material UI with Create React App.
- **[The Clever Dev](https://www.youtube.com/channel/UCb6AZy0_D1y661PMZck3jOw)** by Jon M: dozens of high-quality videos digging deep into the nuts and bolts of Material UI.