AI 和代理 UI 的点状思维球加载指示器 — 六种调整状态,两种尺寸,自动暗/亮
AI 和代理程序 UI 使用点状思维球加载指示器。九种手动调整的动画状态，每种都以两种定制的大小提供，在简单的 2D 画布上渲染 – 没有 WebGL、没有滤镜，在 Chrome、Safari 和 Firefox 中都具有相同的效果。 实时演示 · 仓库 · 报告问题
npm install thinking-orbsimport { ThinkingOrb } from 'thinking-orbs';
function Status() {
return ;
}代理可以执行的九个动词,每个动词都有不同的动画:
{/* particles on tilted orbits */}
{/* a scan meridian sweeps a dotted globe */}
{/* bands scramble, then click back solved */}
{/* a waveform rolls through the rings */}
{/* a constellation wires itself */}
{/* three strands plait around the sphere */}
{/* an undulating multi-band sash */}
{/* a ring slowly morphing */}
{/* dotted outline: circle → triangle → square */}两个调谐预设 — 独立的设计,不是缩放系数。'64' 用于聊天头像的缩放,'20' 用于内联文本的缩放。每个预设都有自己的点数、点大小和速度调整:
严格的单色 — — 对于暗色背景使用浅色墨水,对于明色背景使用深色墨水,模式会自动从主项目中选择:
role="img" 具有合理的状态 aria-label，即开即用。暂无开放 Issues，或尚未同步最近议题。