MATERIAL-UI

Componentes de React para un desarrollo web más rápido y sencillo. Construya su propio sistema de diseño, o empiece con Material Design.

Unas palabras de nuestros patrocinadores:

Instalación

Instale los archivos necesarios de Material-UI a través de npm. Nosotros nos encargamos de inyectar todo el CSS necesario.

  $ npm install @material-ui/core

o use un CDN.

Cargue la fuente por defecto Roboto.

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Lea los docs de instalación

Implementación

Los componentes de Material-UI funcionan sin ninguna configuración adicional, y no ensucian el global scope.

  import React from 'react';
  import Button from '@material-ui/core/Button';

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

Explore la documentación

Temas Premium

Lleve Material-UI al siguiente nivel con los temas premium de nuestro marketplace oficial - todo hecho con Material-UI.

Examinar temas