21 декабря 2023 года вышла предварительная версия Catalyst v0.1.0, которую разработчики называют современным UI-kit для React.
Согласно Хабру, UI-kit — это набор компонентов, из которых собирается интерфейс. Кроме визуала он включает в себя технические параметры: код цвета, размер, высота строки, поведение и пр. И самое главное — он используется только в разработке интерфейса и больше нигде.
«Catalyst — это наш первый полностью компонентизованный UI-kit, выполненный по концепции Batteries Included («Всё включено»), в котором используются настоящие компоненты React с тщательно продуманными API, которые дополняют друг друга для создания реальной архитектуры компонентов так же, как мы делаем это в реальном приложении», — уточнили разработчики.
Уже доступна демо-версия проекта, подготовлена документация, а для клиентов сервиса Tailwind UI All-Access открыта возможность загрузки и тестирования текущей версии Catalyst.
«Catalyst v0.1.0 — это предварительная версия для разработки, и впереди ещё много чего, но мы выпускаем его сегодня, чтобы вы могли сразу же поиграть с ним, пока мы продолжаем создавать новые компоненты и находить способы сделать его ещё лучше», — пояснили в команде проекта.
Основные фичи Catalyst, согласно пояснению разработчиков:
ваши компоненты, а не наши. Хотите изменить радиус границ кнопок? Просто откройте button.tsx и измените некоторые классы. Вам не нужно открывать issue на GitHub и пытаться убедить нас предоставить новую опцию конфигурации;
дизайн кроется в деталях. В Catalyst команда нашла правильный баланс между плоским и скевоморфным дизайном, с достаточной глубиной, там доступно тонкое размытие фона в раскрывающихся меню, доступно совершенствование способа смешивания теней и границ друг с другом в элементах управления формами и продуманное использование анимации в таких вещах, как диалоги и переключатели;
Catalyst также поставляется с полной поддержкой тёмного режима, и всё, что вы создаёте с помощью компонентов Catalyst, автоматически адаптируется между светлым и тёмным режимами;
проект смоделирован по образцу HTML для удобной и гибкой работы с API-интерфейсами и библиотеками;
проект выполнен на базе нового поколения Headless UI (v2.0.0-alpha.1).
«Нам понадобится пара недель, чтобы восстановить силы во время праздников, но мы вернёмся к Catalyst в новом году, чтобы начать работать над новыми компонентами, такими как макеты приложений, поля со списком, палитры команд, всплывающие подсказки и многое другое», — подытожили разработчики проекта.
