Grid Animation Lab

Coordinate-driven motion

Reusable hex-grid motion patterns built from axial coordinates. The grid stays quiet by default and each mode updates cell state, not DOM structure.

GH Logo Variant

Render profile

Variant

Modecenter-bloom

Stateidle

Frame0

Progress0%

Speed1.0x

Use the same axial coordinate system used by the topology.Motion, transitions, and exports can reuse these frames later.The animation demo cycles ambient, origin, and path motion.The GH logo is a fixed topology graph drawn border, G, then H.Transition-oriented presets are previewed in the Transition Lab.Reduced motion falls back to static state changes.

Animation Stage

Hex-state preview

Quiet by default. No screen-space shortcuts.