editframe
DocsCloudPricing
Sign in
Try for free
Composition
Getting StartedTime ModelScriptingCSS & AnimationsReactRendering
Elements
ef-timegroupef-videoef-audioef-imageef-textef-captionsef-waveformef-surface
GUI
Controlsef-pan-zoomef-previewef-filmstripef-timelineef-trim-handlesef-thumbnail-stripef-hierarchyef-resizable-boxef-fit-scaleef-workbench
Plugins
vite-pluginnextjs-plugin
CLI
renderpreviewcloud-renderdev-server
API
ConfigurationFilesRendersWebhooksURL Signing
Composition
Getting StartedTime ModelScriptingCSS & AnimationsReactRendering
Elements
ef-timegroupef-videoef-audioef-imageef-textef-captionsef-waveformef-surface
GUI
Controlsef-pan-zoomef-previewef-filmstripef-timelineef-trim-handlesef-thumbnail-stripef-hierarchyef-resizable-boxef-fit-scaleef-workbench
Plugins
vite-pluginnextjs-plugin
CLI
renderpreviewcloud-renderdev-server
API
ConfigurationFilesRendersWebhooksURL Signing

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. 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>
editframe

Product

  • Docs
  • Cloud
  • Pricing

Resources

  • Discord
  • Blog
  • Contact
  • llms.txt

Build With

  • AnimeJS
  • SVG SMIL

© 2026 Editframe, Inc.