Saltar al contenido

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:Octopus - Repeatable, reliable deployments

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@next @emotion/react @emotion/styled
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 * as React from 'react';
import { Button } from '@material-ui/core';

function App() {
  return <Button>Hello World</Button>;
}

Explore la documentación

Temas Premium

Take your project to the next level with premium themes from our official marketplace – all built on Material-UI.

Examinar temas

Patrocinadores de Material-UI

El continuo desarrollo y mantenimiento de Material-UI es posible gracias a estos generosos patrocinadores:

Diamante 💎

octopus doit-intl

2/3 slots available

Oro 🏆

tidelift bitsrc

call-em-all canadacasino

¡Y aún hay más!

Mira la lista completa de nuestros patrocinadores, y aprende cómo puedes contribuir al futuro de Material-UI.


¿Quién está usando Material-UI?

¡Únete a estas y otras grandes organizaciones!

NASAWalmart LabsCapgeminiUniqloBethesdaJ.P. MorganShutterstockNetflixCourseraAmazonUnity

¿Estás usando Material-UI?