Export
One element, or the whole scene
The export dialog's first choice is how much to export: one element with its picked children, or the whole scene once there's more than one element.
- One element
- The element and its picked children, as a single component, with the timing between them kept. This is the common case: you animated a card, you want the card.
- The whole scene
- Everything on the stage in one export, built from the same generators the single-element export uses. The dialog offers it once the document has more than one element.
- What you see is the text
- The dialog shows the exact string the clipboard will receive. Nothing is generated later, and nothing is post-processed between the dialog and your editor.
- Formatted with Prettier
- Output runs through Prettier before it reaches you, so it’s formatted, not minified.
- Names become identifiers
- An element’s name is what its exported component and its CSS class are called, so two elements can never end up with the same one. Renaming in the editor renames in the export.
- The render cost line
- Under the code, one line says what this export costs the browser each frame (compositor only, restyles every frame, or repaints every frame) and which properties on which elements cause it. It changes with the dialect, because the dialects run the same animation differently. The measured table explains why.