Перейти к контенту
Ctrl+K

MATERIAL-UI

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

Начать
Получи профессиональную поддержку
Несколько слов от наших спонсоров:Octopus - Repeatable, reliable deployments

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

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

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

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

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

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

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

Премиум темы

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

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

Спонсоры Material-UI

Дальнейшее развитие и поддержание Material-UI возможно благодаря этим щедрым спонсорам:

Алмазные 💎

octopus doit-intl

2/3 slots available

Золотые 🏆

tidelift bitsrc

elevator

call-em-all canadacasino

И не только!

Ознакомьтесь с полным списком наших спонсоров, и узнайте, как вы можете внести свой вклад в будущее Material-UI.


Кто использует Material-UI?

Join these and other great organizations!

NASAWalmart LabsCapgeminiUniqloBethesdaJ.P. MorganShutterstockNetflixCourseraAmazonUnity

Используете ли вы Material-UI?