Thinking Orbs that breathe with compute.
Nine continuous mathematical state animations for AI interfaces. Built in pure Canvas2D with a single shared clock, continuous scaling from 8px to 512px, and reduced-motion fallback.
<lw-orb state="working" size="140"></lw-orb>
All 9 Procedural States
Mathematically driven by particle frequencies and harmonic oscillation curves.
Central particle core with radial wave emissions signifying active processing.
<lw-orb state="working">Radar scanning orbit with sinusoidal speed changes across radial indexes.
<lw-orb state="searching">Multi-body gravitational convergence: satellite nodes locking into equilibrium.
<lw-orb state="solving">Gentle undulating perimeter reacting like an acoustic diaphragm awaiting input.
<lw-orb state="listening">Binary pairing pulse with electrostatic bridge lines between separate entities.
<lw-orb state="connecting">Trigonometric Lissajous curves assembling heterogeneous context into unified cloth.
<lw-orb state="weaving">Rhythmic bursts pushing particles outward in cadence with text token streaming.
<lw-orb state="composing">Ultra-low CPU idle pulse maintaining system life without visual distraction.
<lw-orb state="breathing">Geometric edge transitions sculpting raw particles into definitive form.
<lw-orb state="shaping">