Features
Live output of the real render engine — edit the settings and it updates instantly.
Code diff
codecalmdirectional
Removed lines are struck, then added lines slide in.
Best for: A config change, a migration.
Settings
Font
Theme
Size
Mood
Use it in a film
What you can change:
lines/languagefileNameFor developers (MCP and JSON)
This is the exact scene to send to create_animation (MCP): keep the shape, change the words, and write the narration — the voice sets how long the scene lasts. Paste it into update_storyboard with set_data to change a film you already made.
{
"visual": "code",
"motion": "driftL",
"heading": "Code",
"caption": "Vertical and captioned in two lines",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"code": {
"language": "js",
"fileName": "pagetovid.config.js",
"lines": [
" export default {",
"- aspect: \"16:9\",",
"+ aspect: \"9:16\",",
"+ captions: true,",
" };"
],
"kind": "diff"
},
"caption": "Vertical and captioned in two lines"
}
}