Lottie

Export one Lottie JSON per state for players that already ship with your app.

Each dot becomes an off layer and an on layer with hold keyframes, so the file stays crisp at any size. Load a different file to change state.

<lottie-player src="/thinking-pulse-thinking.json" loop autoplay></lottie-player>

• Put the JSON in /public and load it with lottie-web, lottie-react or dotLottie.
• Lottie files always animate. Pass autoplay={!prefersReducedMotion} to your player to honour reduced motion.