Base UI: Лего-конструктор для React-разработчиков

Знакомо чувство, когда нужно собрать интерфейс с нуля, но не хочется изобретать каждый компонент заново? Команда MUI (известная по Material UI) вместе с создателями Radix и Floating UI выпустила Base UI — набор «голых» React-компонентов, которые станут идеальным фундаментом для вашего проекта.

Что в коробке?

Base UI — это:

50+ unstyled-компонентов от кнопок до сложных комбобоксов
Полная accessibility из коробки (WAI-ARIA, клавиатурная навигация)
Кастомные хуки для управления состоянием
Zero-dependency (кроме React, конечно)

Главная фишка в том, что компоненты поставляются без стилей — вы сами решаете, как они будут выглядеть. Это как получить чертежи идеального автомобиля, но покрасить его можно в любой цвет.

Кому это нужно?

Разработчикам дизайн-систем — не тратьте время на базовые компоненты, сосредоточьтесь на уникальном стиле
Командам с собственным дизайном — не боритесь с навязанными стилями Material UI
Любителям Tailwind — просто добавьте свои классы
Стартапам — быстро прототипируйте с работающей базой

5 причин попробовать

Доступность «из коробки» Компоненты сразу соответствуют WAI-ARIA, с правильными ролями и атрибутами. Больше не нужно вспоминать, какой aria-* атрибут нужен для модалки.
Гибкость стилизации
```
<Button className="bg-indigo-600 hover:bg-indigo-700 text-white">
  Моя кнопка
</Button>
```
Никаких !important в CSS — полный контроль над внешним видом.
Составные компоненты Можно использовать как готовые компоненты, так и низкоуровневые строительные блоки:
```
<Menu>
  <MenuButton>Открыть</MenuButton>
  <MenuList>
    <MenuItem>Пункт 1</MenuItem>
    <MenuItem>Пункт 2</MenuItem>
  </MenuList>
</Menu>
```

Хуки для всего Нужен функционал селекта без JSX? Пожалуйста:

const { getButtonProps, getListProps } = useSelect({
  options: ['React', 'Vue', 'Svelte']
});

Поддержка React 18+ Все компоненты оптимизированы для Concurrent Features.

Что под капотом?

TypeScript — полная типизация
Тесты на Jest + React Testing Library
Документация с живыми примерами
Регулярные обновления (последний релиз — октябрь 2025)

Когда выбрать Base UI вместо Material UI?

Нужен полный контроль над стилями
Проектируете собственную дизайн-систему
Хотите минимум зависимостей
Работаете с нестандартным дизайном

Вердикт

Base UI — это свежий взгляд на компонентные библиотеки. Если устали бороться с чужими стилями или тратить время на accessibility, попробуйте этот набор. Особенно рекомендую:

Разработчикам корпоративных продуктов
Командам с сильными дизайнерами
Тем, кто переходит с class-компонентов на хуки

Ссылки для погружения:

P.S. Если уже пробовали — делитесь впечатлениями в комментариях!