Saltar al contenido

🎉 Material UI v5 is out! Head to the migration guide to get started.

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.

Comenzar
Obten soporte profesional
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';

function App() {
  return <Button color="primary">Hello World</Button>;
}

Explore la documentación