AI product Open source
thinking-orbs is a React component package providing dotted animated loading indicators for AI and agent interfaces. It offers nine hand-tuned states— including working, searching, solving, listening, connecting, weaving, composing, breathing, and shaping—rendered with plain 2D canvas rather than WebGL or filters. The indicators have separate 64-pixel chat-avatar and 20-pixel inline-text designs, automatic or pinned light/dark themes, adjustable speed, pause control, and pass-through canvas properties. It includes per-state accessible labels, renders a static frame for prefers-reduced-motion, pauses offscreen instances through IntersectionObserver or when the tab is hidden, and resumes them in phase using a shared clock. The package is distributed through npm under the MIT license.
1 use taken from transcripts — each links to the moment in the video.
Provides animated loading indicators for AI interfaces, with six-dot canvas animations for states such as searching, solving, listening, and composing. It supports themes, reduced-motion settings, avatar and inline sizes, and offscreen pausing.
1 in the library.