ef-preview

Composition wrapper that provides focusedElementContext to descendants.

Wraps a composition and tracks which temporal element the pointer is over, publishing it as focusedElementContext. The cursor is crosshair by default. Descendants consume this context to build hover-aware editor UI.

<ef-preview>
  <ef-timegroup mode="fixed" duration="5s" class="w-[1920px] h-[1080px]">
    <ef-text>Hello</ef-text>
  </ef-timegroup>
</ef-preview>