Thinking Orbs

Drop this in wherever you would otherwise reach for a spinner in an agent or chat UI, and map your real pipeline stages onto its state names — 'searching' while a tool call runs, 'composing' while tokens stream, 'listening' for voice capture — because the whole point is that the shape communicates the stage. It renders to a canvas with devicePixelRatio scaling, so it is client-only: guard it behind 'use client' in Next.js and do not try to SSR it. Two sizes only (64 and 20) are hand-tuned; scaling the CSS box to other sizes degrades the dot field, so use 20px inline in a message row and 64px as a standalone hero indicator.

Why it is here. Agent UIs badly need a vocabulary for 'what is the model doing right now', and this is a tiny MIT dependency that gives you nine legible answers instead of one anonymous spinner.