HTML
A self-contained web page that plays the animation, or an interactive page when the scene has states.
The HTML export is a single page that plays your animation in any browser. Motion is sampled into CSS keyframes, so springs and custom curves survive exactly, and fonts and small media are inlined.
- Press ⌘E.
- Under Other formats, click HTML.
- Save the page and open it in a browser.
| Scene | Tile says | You get |
|---|---|---|
| Without interactions | Self-contained preview | A page that plays; click it to replay |
| With states and triggers | Interactive page | Hover, press, tap and drag work, colors and text change per state, and scroll progress scrubs; a small state machine sets data-state on the stage |
- Imported fonts are inlined; Google Fonts are linked.
- Video clips up to 24 MB are inlined; bigger ones are referenced by file name next to the page. Clip fades become opacity keyframes.
- Set variant triggers switch variants with CSS transitions; springs become
linear()curves. - It respects the viewer's reduced-motion setting.
- Masks, shadows, blend modes, background blur, motion blur, gradients and the camera come along.
Screenshot coming soonexport-and-share-html.png