Thinking orbs

By Jakub Antalik & Alex Brinza

Dotted thought-orb loading indicators for AI and agent UIs: nine hand-tuned states, 64px or 20px, auto dark/light theme.

Interactive demo and docs for the thinking-orbs npm package. Drop a ThinkingOrb into agent chrome with a state like listening, searching, or composing, plus size and speed. The playground switches nine shader states and two sizes so you can match the motion to the job. Install and usage snippets sit beside live pills (Solving, Agent listening, Agent planning) so you can lift the indicator into a product with clear starting parameters. Made by Jakub Antalik and Alex Brinza.

Tags

ReactMotionAI UXLoadingComponents