MaxUI

Обзор

MAX UI — библиотека React-компонентов для создания мини-приложений в MAX, сторонних суперприложений, а также standalone-приложений. Готовые компоненты библиотеки умеют подстраиваться под разные платформы и устройства.

Особенности MAX UI

Дизайн-система MAX

Библиотека компонентов разработана на основе дизайн-системы 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-ui

Быстрый старт

import '@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

| Версия React | Поддержка | | ------------ | --------- | | 18.x | ✅ | | 19.x | ✅ |

Политика поддержки

Проект находится в активной поддержке.

Основные приоритеты:

• Поддержка актуальных версий React
• Обновление зависимостей
• Исправление ошибок
• Улучшение типизации
• Постепенное расширение набора компонентов

Участие в развитии

Приветствуются pull-request’ы и предложения по улучшению.

Лицензия

MIT

Дорожная карта

Планируемые направления развития:

• Улучшение документации
• Добавление новых компонентов
• Повышение производительности
• Улучшение DX (Developer Experience)