← all recipes

Electromagnetic applied

Navigation Current

make routes, breadcrumbs, and likely next paths feel connected

frame bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Navigation Current" — make routes, breadcrumbs, and likely next paths feel connected. It has a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), a stream layer (flow matter along a heading), a memory layer (a decaying trail / hysteresis), a propagate layer (travelling waves through the medium), and a link layer (ropes / cloth between neighbours). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is streamlines, field-lines, links, trails, particles.

Magnetism bends the route, fieldflow carries the traveller along it — the active path emits a current while prior routes linger as memory.

Runtime tokens
fieldflow stream memory propagate link
Metrics
current memory signal route-strength current, signal, route-strength are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
field-lines force-vectors topology
Render
streamlines · field-lines · links · trails · particles
Reduced motion
an active-path rail with visited markers and next-step hints
Without motion
the route reads as an ordered breadcrumb list with visited and next-step labels

Copy this recipe

<field-root></field-root>
  <div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback></div>
  <div data-body="stream" data-strength="0.7" data-range="340" data-angle="0"></div>
  <div data-body="memory" data-strength="0.5" data-range="280"></div>
  <div data-body="propagate link" data-strength="0.5" data-range="300"></div>

See also