Fundamental

← all recipes

Gravity core First release

Reading Field

make long content pages reveal attention, memory, and concept links

frame — bodies 0 relationships 0

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

"Reading Field" — make long content pages reveal attention, memory, and concept links. It has a attract layer (draw matter into a focus / well), a memory layer (a decaying trail / hysteresis), and a link layer (ropes / cloth between neighbours). The active render stack is trails, links, particles.

Sections near the viewport centre gain attention (gravity); dwelled sections accumulate memory; related concepts and citations light up through relationships. The flagship /docs/reading-field demo runs this on the production platform runtime.

Runtime tokens
attract memory link
Metrics
attention memory
Diagnostics
heatmap topology inspector
Conditions
in-view dwell
Render
trails · links · particles
Reduced motion
a memory-weighted table of contents and static section rails replace the live trail
Without motion
progress is a read-state marker; citations are listed inline

Copy this recipe

<field-root></field-root>
  <div data-body="attract" data-strength="0.8" data-range="300" data-feedback></div>
  <div data-body="memory" data-strength="0.7" data-range="360"></div>
  <div data-body="link" data-strength="0.5" data-range="320"></div>

See also