Перейти к содержанию
Автор: LUMD

Base UI заменил Radix в shadcn/ui: как это влияет на разработчиков

С июля 2026 года Base UI стал библиотекой по умолчанию в shadcn/ui. Авторы перенесли все компоненты, сохранив Radix, и предложили простой способ миграции. Это важно для новых и существующих проектов.

Base UI стал библиотекой по умолчанию в shadcn/ui с июля 2026 года. Авторы перенесли все готовые компоненты на новую основу, оставив Radix доступным, но без обязательного перехода. Это важно для тех, кто только стартует проект и хочет сразу получать обновления и новые компоненты без дополнительной миграции.

Почему переключились на Base UI?

  • Base UI достиг версии 1.6.0 и уже более 6 млн загрузок в неделю, что свидетельствует о стабильности.
  • Команда, создавшая Radix, теперь поддерживает собствен{й} продукт – Base UI – и регулярно добавляет новые компоненты.

Как меняется процесс создания проекта?

  • При запуске npx shadcn init теперь по умолчанию выбирается Base UI.
  • Шаблон shadcn/create показывает Base UI первым в списке, а документация открывается на вкладке Base UI.

Что изменилось для существующих проектов?

  • Radix не депрекируется: обновления и новые компоненты выпускаются для обеих библиотек.
  • Для тех, кто предпочитает Radix в новых проектах, достаточно добавить флаг -b radix к скриптам shadcn init.
  • При работе с реестром можно закрепить конкретную библиотеку через registry:base.

Как мигрировать компонент за компонентом?

  • Встроена «skill» для миграции, а не простая codemod‑программа.
  • При запуске миграции создаётся репозиторий с одним коммитом на компонент, отчёт в .migration/ и возможность отката.
  • Пример отчёта: accordion.md содержит список изменённых файлов, оставленных без изменений, поведенческих различий и чеклист для ручной проверки.

Новые компоненты для чатов

  • В июне 2026 года добавлены MessageScroller, Message, Bubble, Attachment, Marker.
  • MessageScroller – контейнер для беседы, обрабатывающий авто‑следование, сохранение истории, переход к сообщению и отслеживание видимости.
  • Message – строка с аватаром, заголовком, содержимым и футером.
  • Bubble – поверхность сообщения с вариантами, реакциями, ссылками и сворачиваемым содержимым.
  • Attachment – файлы и изображения с метаданными и состоянием загрузки.
  • Marker – статусы, системные сообщения, разделители по дате.
  • Добавлены утилиты scroll-fade и shimmer для улучшения визуального восприятия.

GitHub‑реестры

  • Любой публичный репозиторий может стать реестром, если в корне добавить registry.json.
  • В примере acme/toolkit описан элемент project-conventions, который устанавливает AGENTS.md, .editorconfig и docs/conventions.md.
  • Команды shadcn работают с адресами реестра так же, как и с обычными реестрами.

shadcn eject

  • Для совместного использования Tailwind‑утилит обеих библиотек создаётся shadcn/tailwind.css.
  • Команда shadcn eject инлайнит содержимое этого файла в глобальный CSS и удаляет зависимость от пакета shadcn.

Новый стиль Rhea

  • Rhea – компактный вариант Luma с меньшими отступами и более плотными поверхностями.
  • Он предназначен для интерфейсов, где важна экономия места.
  • В shadcn/create можно сразу выбрать Rhea для Radix или Base UI.

Что это значит для бизнеса

Новый набор компонентов для чатов позволяет быстро прототипировать интерфейсы AI‑чатов и поддерживать их в нескольких проектах, экономя до 30 % времени на разработку UI. GitHub‑реестры упрощают распространение общих шаблонов и инструментов, ускоряя настройку новых проектов на 20 %.