Dot Matrix Morph

Two geometric signals interpolate through a disciplined dot matrix, preserving point identity while morph amount, stagger and cursor phase expose the transition.

• Framed media
• Vector studies
• Focused product surfaces

• Every dot owns a stable source and destination coordinate
• Pointer phase locally advances the global morph timeline
• Origin guides can reveal the transformation without obscuring it
• A component-specific renderer and control contract—not a palette swap of another release
• Compact and full previews share one visibility-aware production renderer

Adaptive sampling, capped DPR and visibility-based suspension keep the renderer predictable. Test density on low-power mobile hardware before increasing it.

Pointer and touch coordinates are container-scoped; offscreen renderers stop work and pixel ratio is capped.

The visual canvas is decorative by default. Pair it with a semantic heading or description, and reduced motion holds a stable rendered frame.