MAX UI — библиотека React-компонентов для создания мини-приложений в MAX, сторонних суперприложений, а также standalone-приложений. Готовые компоненты библиотеки умеют подстраиваться под разные платформы и устройства.
Библиотека компонентов разработана на основе дизайн-системы MAX, что позволяет мини-приложениям выглядеть гармонично в интерфейсе цифровой платформы.
Компоненты библиотеки органично встраиваются в мобильные платформы iOS и Android, а также в экраны устройств разного размера.
Данный пакет является поддерживаемым форком оригинальной библиотеки max-ui.
Цель форка — обеспечить:
- Совместимость с React 18 и React 19
- Актуальные версии зависимостей
- Регулярные обновления безопасности
- Улучшенную поддержку TypeScript
- Дальнейшее развитие библиотеки компонентов
Проект сохраняет архитектуру и дизайн-философию оригинальной библиотеки, при этом адаптируется под современную экосистему React.
npm install @dementevdev/max-uiили
yarn add @dementevdev/max-uiили
pnpm add @dementevdev/max-uiimport '@dementevdev/max-ui/dist/styles.css';
import { MaxUI, Panel, Button } from '@dementevdev/max-ui';
const App = () => {
return (
<MaxUI resetBody>
<Panel centeredX centeredY>
<Button>Hello world!</Button>
</Panel>
</MaxUI>
);
};resetBody — опциональный проп для MaxUI, который сбрасывает body { margin: 0 } без необходимости создавать отдельный глобальный CSS-файл. По умолчанию false.
| Версия React | Поддержка |
|---|---|
| 18.x | ✅ |
| 19.x | ✅ |
Проект находится в активной поддержке.
Основные приоритеты:
- Поддержка актуальных версий React
- Обновление зависимостей
- Исправление ошибок
- Улучшение типизации
- Постепенное расширение набора компонентов
Приветствуются pull-request’ы и предложения по улучшению.
MIT
Планируемые направления развития:
- Улучшение документации
- Добавление новых компонентов
- Повышение производительности
- Улучшение DX (Developer Experience)