How it works
Live output of the real render engine — edit the settings and it updates instantly.
Hand-drawn arrow callout
designed motion cards
A hand-drawn arrow sweeps from a label card to one spot on your screenshot.
Best for: Point at one thing on a page.
Settings
Font
Theme
Size
Mood
Shapes it passed the frame check in
1:1
What you write
titleHeadline over the shot, or empty to hide (≤56)· requiredlabelWhat the arrow points at, in a few words (≤32)· requirednoteOne line under the label, or empty to hide (≤72)xWhere the arrow points. Across the picture: 0 is the left edge, 1 the right (≤1)yWhere the arrow points. Down the picture: 0 is the top, 1 the bottom (≤1)penHow the arrow is drawn: a marker stroke, rough chalk or a glowing neon linelayoutA framed card over its own blurred backdrop, or the picture filling the whole frame
Pictures (image) are filled from the scene's own picture, else a brand gradient.
A code template: free on every plan, no AI credits.
Use it in a film
What you can change:
rushie.props.titlerushie.props.labelrushie.props (others)For 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": "rushie",
"heading": "Arrow pointer",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "arrow-pointer",
"props": {
"image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
"title": "Start from any page",
"label": "Paste your link here",
"note": "Open it on any laptop and your numbers are already there",
"x": 0.5,
"y": 0.4,
"pen": "marker",
"layout": "framed"
}
}
}
}