Точечные сферы-индикаторы для AI-интерфейсов
🔹 Jakubantalik/thinking-orbs
⭐ 623 звезды · TypeScript
React-компоненты для индикации состояний AI-агентов: анимированные точечные сферы с шестью режимами — working, searching, solving, listening, composing, shaping. Два размера: 64 px для аватара в чате и 20 px для встраивания в текст.
Рендеринг через 2D canvas без WebGL и фильтров, devicePixelRatio ограничен двойкой. Тёмная и светлая тема подхватываются по data-theme, классу dark/light или prefers-color-scheme.
Все экземпляры на странице тикают по одним часам. При prefers-reduced-motion анимация выключается и остаётся статичный кадр, а IntersectionObserver ставит невидимые сферы на паузу.