Beyond images and video, flowmo has first-class controls for several media types: SVG paint/stroke/draw, Spline 3D scenes, Lottie animations, audio, and frame-by-frame image sequences.
Where: Right sidebar → Media (the relevant element selected) — Select an SVG / Spline / Lottie / audio / image-sequence element
Key ideas
- SVG: Fill/stroke color, stroke width, linecap/linejoin, dash pattern, fill-rule, and a draw start/end % for stroke-reveal animations.
- Spline 3D & Lottie: Spline: scene URL, autoplay, and named variables pushed into the scene. Lottie: JSON source, autoplay/loop, speed, direction, renderer.
- Audio & image sequence: Audio: source + controls/autoplay/loop/muted. Image sequence: FPS, fit, loop, and frames (uploaded or an external manifest).
Steps
- Select the media element.
- For SVG: set fill/stroke and (optionally) the draw range.
- For Spline/Lottie: set the source and playback options.
- For an image sequence: set FPS and add frames.
SVG
Edit fill/stroke, width, cap/join, dash and fill rule. Animate draw start/end for stroke reveals; complex imported SVG structure may need the vector editor.
Spline and Lottie
Spline uses a scene URL, autoplay, and named variables. Lottie uses animation JSON plus autoplay, loop, speed, direction, and renderer.
Audio and image sequences
Audio provides HTML playback controls. Image sequences use uploaded frames or a manifest with FPS, fit, and loop; sequence weight grows quickly with frame count/resolution.
Tips
- Provide a poster/fallback for expensive interactive media.
- Test loading, autoplay policy, and reduced-motion behavior on the published target.
Limitations and important notes
- Remote scene/JSON/manifest availability can break the embed.
- Large image sequences can be significantly heavier than encoded video.