Loaders

Principles

• Move dots, not frames. Between figures each dot travels to its new place instead of popping.

• Show every figure in turn. The default sequence shows each figure once per round and never the same one twice running.

• Draw in the text color. The canvas takes its color from the surrounding text, so it fits any theme.

• Stop when unseen. The clock pauses offscreen and in hidden tabs, and reduced motion shows a still figure.

• Stay silent unless labeled. The dots are decorative, and a label turns them into a status for screen readers.

• Give the canvas back. Destroy stops the clock and restores the canvas.