Перейти к контенту
Material-UI Logo

MATERIAL-UI

React компоненты для быстрой и легкой веб-разработки. Создайте свой собственный дизайн или начните с Material Design.

Начать
Get Professional Support
Несколько слов от наших спонсоров:

Инструкция по установке

Установить исходные файлы Material-UI через npm. Мы позаботились о включение необходимых CSS.
  $ npm install @material-ui/core
или используйте CDN.
Загрузить шрифт Roboto по умолчанию.
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Читать документацию по установке

Использование

Компоненты Material-UI работают без какой-либо дополнительной настройки и не загрязняют глобальную область.
  import React from 'react';
  import Button from '@material-ui/core/Button';

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

Читать документацию

Премиум темы

Поднимите Material-UI на следующий уровень с премиум темами из нашего официального магазина - всё построено с использованием Material-UI.

Смотреть темы