Neba UI

Об этом проекте

Neba UI — библиотека компонентов React для сборки интерфейсов приложений. В ней есть то, что нужно настоящему продукту: кнопки и поля форм, меню и диалоги, таблицы и вкладки, графики, индикаторы и уведомления — уже оформленные, уже доступные и уже согласованные между собой, так что экран собирают, а не проектируют во второй раз. В ней есть и то, что нужно интерфейсу ИИ-агента, — поле ввода промпта, потоковый текст, вызовы инструментов, запросы на подтверждение, панель рассуждений и список шагов, — а рендерер A2UI из neba/a2ui превращает экран, который агент описывает в JSON, в компоненты Neba.

Все компоненты черпают из одного словаря. Size, color, variant, density и elevation означают одно и то же везде, поэтому средний элемент управления имеет одну и ту же высоту в любом компоненте, а основной цвет — один и тот же во всех. Роли, подписи, управление фокусом и работа с клавиатуры живут внутри компонентов, а не привинчены задним числом, и тёмная тема следует системе без единой написанной строки. Внешний вид — это язык дизайна, а не файл темы: полупрозрачная поверхность с тончайшей кромкой, единая манера движения и тени, о которых нужно попросить.

Установка — это один пакет и одна строка CSS. Ни провайдера в корне, ни объекта темы, который нужно собрать, ни файла настроек. Пакет только в ESM, несёт объявления TypeScript и по-настоящему поддаётся tree shaking: каждый компонент собирается в собственный модуль, поэтому импорт кнопки стоит примерно столько, сколько стоит кнопка. Он работает на React 18 или 19 с двумя зависимостями времени выполнения; у рендерера A2UI есть три собственные необязательные peer-зависимости, и проект, который его не импортирует, никогда их не разрешает. Каждый компонент задокументирован живыми примерами, а не снимками экрана.

Возможности

• Сайт документации

• Типы TypeScript

• Несколько языков

• Проверено тестами

• Доступность из коробки

• Тёмная тема

• Поддержка tree shaking