Pular para o conteúdo

Aprenda MUI

New to Material UI? Get up to speed quickly with our curated list of learning resources.

Primeiro exemplo

The following code snippet demonstrates a basic Material UI app that features a <Button> component:

📝 <a href="https://medium.com/codingthesmartway-com-blog/getting-started-with-material-ui-for-react-material-design-for-react-364b2688b555">A postagem do blog</a>

In the interactive demo below, try changing the code and see how it affects the output. (Hint: change variant to "outlined" and color to "secondary". For more options, see the Button component page.)

alguns projetos de exemplo disponíveis, fornecendo a infraestrutura necessária para desenvolver e implantar sites em React.

Projetos de exemplo

Esta seleção de modelos básicos pode ajudar você a começar a criar o seu aplicativo.

Modelos

Check out our selection of basic templates to get started building your next app more quickly.

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.

Grátis

  • Learn React & Material UI: uma série de vídeos cobrindo todos os componentes importantes do Material UI.

  • Introduction to Material UI: uma série de vídeos cobrindo todos os componentes importantes do Material UI.

  • Next.js 11 Setup with Material UI v5 by Leo Roese: learn how to integrate Material UI into your Next.js app, using Emotion as the style engine.

  • Cookbook: Crie aplicativos modernos, implementando os princípios de Material Design no React, usando Material UI.

  • 📹 Os vídeos