Docs

Preview compositions in the browser.

Kavio preview gives contributors a local way to inspect composition timing, safe zones, layout, and export-aspect overrides.

Start Preview

node packages/cli/dist/index.js preview examples/basic-json/composition.json

The CLI starts a local server and prints a http://127.0.0.1:<port>/ URL. Open the URL to scrub frames, play and pause, toggle safe zones, and inspect export variants.

What Preview Is For

Checking that frame timing matches expectations.
Reviewing text, image, video, shape, and caption layer layout.
Testing export-aspect overrides before batch rendering.
Debugging template props and asset references early.