GitHub radar

Thinking Orbs: Animated States for AI Agent UIs

An open-source library of six carefully crafted animated loading indicators in TypeScript for AI and agent UIs.

01Jakubantalik/thinking-orbs 599TypeScript

Six finely tuned animated loading indicators implemented in TypeScript for AI and agent UIs. Two specially designed sizes, rendered in pure 2D canvas (no WebGL) with automatic pausing when out of view and system-mode matching using MutationObserver. Sensible default aria-label attributes for accessibility.

Why a vibe-coder should care

In an AI driven application, the user wants to know that the agent is busy. They also want to know what the agent is busy doing. Having six distinct states, each with a name, gives the UI more meaning than a single spinner can convey. It makes the UI feel more alive and dynamic.

Open on GitHub