One element, revealed as a field participant

Step through the system the way the runtime sees it. The same ordinary element gains one layer at a time — from plain HTML to a body that the field measures, drives, and feeds back, all through data attributes.

1 / 9

Semantic DOM

Start with real, accessible HTML — a heading and a note. No field yet, nothing to undo. Whatever happens next, this stays selectable, focusable, and readable.

<article>
  <h3>Reciprocal interfaces</h3>
</article>