Magnetic Index

A typographic coordinate index whose numbered anchors lean, stretch and connect toward the local pointer without disturbing document flow.

• Exploration cues
• Portfolio detail
• Pointer-led product moments

• Independent spring state for every indexed anchor
• Pointer-distance typography and connector interpolation
• Contained coordinate readout with reduced-motion rest frame
• 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.