Comparison
Live output of the real render engine — edit the settings and it updates instantly.
Before → after
comparisonscalmairyslow
Your page before, your video after.
Best for: Transformation framing.
Settings
Font
Theme
Size
Mood
Use it in a film
What you can change:
left/rightFor 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": "compare",
"motion": "floatInBlock",
"heading": "Before / after",
"caption": "Same content, new life",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"compare": {
"leftTitle": "Static page",
"rightTitle": "As a video",
"leftItems": [
"Text nobody reads",
"Flat",
"Low reach"
],
"rightItems": [
"Engaging story",
"Motion + voice",
"Shareable everywhere"
]
}
}
}