Neba UI
Библиотека компонентов React для интерфейсов приложений. Кнопки, поля, меню, диалоги, таблицы и графики используют один набор свойств, поставляются доступными и следуют тёмной теме без файла темы.
Об этом проекте
Neba UI — библиотека компонентов React для сборки интерфейсов приложений. В ней есть то, что нужно настоящему продукту: кнопки и поля форм, меню и диалоги, таблицы и вкладки, графики, индикаторы и уведомления — уже оформленные, уже доступные и уже согласованные между собой, так что экран собирают, а не проектируют во второй раз.
Все компоненты черпают из одного словаря. Size, color, variant, density и elevation означают одно и то же везде, поэтому средний элемент управления имеет одну и ту же высоту в любом компоненте, а основной цвет — один и тот же во всех. Роли, подписи, управление фокусом и работа с клавиатуры живут внутри компонентов, а не привинчены задним числом, и тёмная тема следует системе без единой написанной строки. Внешний вид — это язык дизайна, а не файл темы: полупрозрачная поверхность с тончайшей кромкой, единая манера движения и тени, о которых нужно попросить.
Установка — это один пакет и одна строка CSS. Ни провайдера в корне, ни объекта темы, который нужно собрать, ни файла настроек. Пакет только в ESM, несёт объявления TypeScript и по-настоящему поддаётся tree shaking: каждый компонент собирается в собственный модуль, поэтому импорт кнопки стоит примерно столько, сколько стоит кнопка. Он работает на React 18 или 19 с двумя зависимостями времени выполнения, и каждый компонент задокументирован живыми примерами, а не снимками экрана.
Возможности
Сайт документации
Типы TypeScript
Несколько языков
Проверено тестами
Доступность из коробки
Тёмная тема
Поддержка tree shaking