Thinking orbs — Animated thinking orb component

Dotted thought-orb loading indicators for AI and agent UIs. Six hand-tuned states, two sizes, auto dark/light theme.

https://orbs.jakubantalik.com/

Reader - page text saved at the time

Thinking orbs Animated thinking orb component Solving…. Thinking…. Agent listening… Working…. Searching…. Agent shaping… Installation npm install thinking-orbs Usage import { ThinkingOrb } from 'thinking-orbs'; <ThinkingOrb state="listening" size={64} /> Playground State Working Searching Solving Listening Composing Shaping Size 64px 20px Speed 1.00× import { ThinkingOrb } from 'thinking-orbs'; <ThinkingOrb state="composing" size={64} /> Made by Jakub Antalik & Alex Brinza