Pular para o conteúdo
PT
Material-UI Logo

MATERIAL-UI

Componentes React para um desenvolvimento mais rápido e fácil. Construa seu próprio design, ou comece com Material Design.

Comece a Usar
Uma palavra rápida de nossos patrocinadores:

Instalação

Instale o Material-UI via npm. Nós cuidamos de injetar o CSS necessário.
  $ npm install @material-ui/core
ou use uma CDN.
Carregar a fonte padrão Roboto.
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Ler instruções de instalação

Uso

Os componentes do Material-UI funcionam sem qualquer configuração adicional, e não poluem o escopo global.
  import React from 'react';
  import Button from '@material-ui/core/Button';

  const App = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

Explorar documentação

Temas premium

Leve o Material-UI para um novo patamar com temas sofisticados do nosso marketplace oficial. Todos construídos em Material-UI.

Explorar temas