Arrow

A hand-drawn (or clean) arrow sweeps from a label to the thing you point at, with a pulse on the spot.

  • annotate/arrow
  • Annotate
  • callout
  • Overlay with alpha
  • 3 s (1.5–12 s)
Live in your browser
Arrow at 16:9
0.00 / 3.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render annotate/arrow --prop label="Look here" --out arrow.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render annotate/arrow --aspect 9:16 --style cobalt --out arrow-9x16.mov
volito render annotate/arrow --format mp4 --out arrow.mp4
volito still annotate/arrow --t 1.5 --out arrow.png
volito info annotate/arrow     # every prop and part
volito add annotate/arrow      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/arrow"), { props: { label: "Look here" }, out: "arrow.mov" });

Or ask an agent with the MCP server connected: “Render the Volito arrow (annotate/arrow) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
labeltextLook here≤ 32 chars
x
Point across (%)
number620 – 100
y
Point down (%)
number450 – 100
side
Label side
choiceautoauto | left | right | above | below
lookchoicemarkermarker | clean
color
Colour
empty: the brand's colour
color——

Parts

Each part takes any move, ease or idle: --motion label.in=pop.

PartWhat it is
labelthe label
arrowthe arrow
spotthe pulse on the spot

Tags: annotation, arrow, point, look, here, hand-drawn

More in Annotate