Explanatory motion · original SVG example

One system, three responsibilities.

Keep the same parts in view. Separate them to explain their roles, inspect a component, then recombine the system.

Assembled · a single system StorageRetain the outcome ProcessingApply the rules InterfaceReceive the intent Explode to reveal all labels · select a part for its responsibility
Assembled systemThree stable components share one purpose. Explode the assembly to reveal each responsibility.

Original abstract 2D assembly, not a reproduction of the Anime.js mechanism. No third-party artwork. Motion respects reduced-motion preferences. Keyboard: Tab, Enter and Space.