UNPKG

@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
# 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.