MATERIAL-UI

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

Несколько слов от наших спонсоров:Bitsrc — The fastest way to share code

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

Установить исходные файлы 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 возможно благодаря этим щедрым спонсорам:

Алмазные 💎

2/3 slots available

Золотые 🏆

И не только!

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

Награда за Material-UI

Вот что говорят некоторые из наших пользователей.

Spike Brehm

@spikebrehm

It's my first day working with @MaterialUI, and let me just say that it is THE SHIT.

Aumit Leon

@aumitleon

Material-UI continues to blow my mind how easily I can put together really aesthetic and functional components and minimize overhead.

Derek Shanks

@fragileglass

It's a game changer with how nicely it works with React. It's made working with React so much more enjoyable. Everything is configurable and predictable. Bootstrap was killing me. It was hijacking my whole project.

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

Join these and other great organizations!

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

Дайте нам знать!