AnimeCurve / Documentation

AnimeCurve documentation

A practical guide to your first editable animation.

Open the local editor →

Prepare a clip

Use a short MP4 with one clear subject and flat or semiflat colors. Keep backgrounds simple. Gradients and multiple subjects may need extra cleanup; live-action particles and complex textures are experimental.

See the video-to-SVG workflow for how frames become traced regions.

Run local conversion

Open the editor, choose the MP4 and start Standard conversion. The default flow runs locally without a required upload. Compare the preview with the source before editing. Experimental cloud processing is opt-in and separate from this local workflow.

Quick Edit and save

Select a path, change its fill or visibility, or adjust its transform. Check current-frame and matching-frame scope, play the scene, and use Undo or Redo to compare. Export SceneDoc as a project backup before clearing browser storage.

Learn more about the animated SVG editor.

Export and host

Plain animated SVG works when you need an uncompressed file. SVGZ contains gzip-compressed SVG; configure your host to serve these headers:

Content-Type: image/svg+xml
Content-Encoding: gzip

Use plain SVG if you cannot control these headers. Do not merely rename an SVGZ file to SVG. SceneDoc is the editable project format; Lottie JSON and MP4 remain experimental compatibility outputs.

Troubleshoot the result

If shapes are noisy, try a shorter, simpler source and compare a few representative frames. If an asset does not display, verify its format and hosting headers. If a Lottie export differs, inspect it in the target player rather than assuming parity with the SVG preview.

Output quality and size depend on source detail. Keep a SceneDoc copy and validate the exported file in its intended browser or player.