Thinking Orbs
Animated AI Status Indicator Component Library for React
71 followers
Animated AI Status Indicator Component Library for React
71 followers
A React component library of animated AI agent status orbs. Thinking, searching, compacting and more, built with attention to detail on every state and variant.
A React component library of animated AI agent status indicator orbs. Thinking, searching, compacting and more well-thought-out orbs built with attention to detail on every state and variant.
8 states, 15 variants, 5 shapes and 8 render styles to fit every state an agent goes through and your design style.
npm i @yogesharc/thinking-orbs
@yogesharc Compacting and retrying as their own states is the detail most agent UIs forget. Good luck with the launch.
"compacting" as its own state is a nice detail, that's a very Claude-Code-specific moment (watching the context window get summarized) that most status indicator libraries wouldn't think to name separately from generic "thinking." was literally in a thread earlier today about whether there's a good UI signal for an agent that's stuck vs one that's just taking a long time on something genuinely hard - do you have (or plan) a state for that, or is the honest answer that "stuck" isn't knowable from the UI layer and has to come from the harness itself