AI product Open source

thinking-orbs

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.

View repository Visit site Mentioned in 1 video ↓

What thinking-orbs is used for

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.

Videos mentioning thinking-orbs

1 in the library.