Get it on npm

Callout

Points at something in the shot: a ring pulses on the spot, a line draws out to a label card that pops in beside it.

  • essentials/callout
  • Essentials
  • callout
  • Overlay with alpha
  • 4 s (2–20 s)
Live in your browser
Callout at 16:9
0.00 / 4.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 essentials/callout --prop label="Export in one click" --prop detail="ProRes, WebM or MP4" --out callout.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("essentials/callout"), { props: { label: "Export in one click", detail: "ProRes, WebM or MP4" }, out: "callout.mov" });

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

Props

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

PropTypeDefaultTakes
labeltextExport in one click≤ 40 chars
detail
Second line
textProRes, WebM or MP4≤ 48 chars
x
Spot across
where the spot is, 0 (left edge) to 1 (right edge)
number0.620 – 1
y
Spot down
where the spot is, 0 (top) to 1 (bottom)
number0.440 – 1
side
Label side
choiceautoauto | left | right | above | below
icon
an icon name (volito api lists them; empty for none)
iconsparkle—

Parts

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

PartWhat it is
pulsethe ring pulsing on the spot
dotthe spot
linethe line out to the card
cardthe label card

Tags: annotation, pointer, arrow, label, highlight, tutorial, product

More in Essentials

Lower third

A name plate over footage: an accent spine grows, the plate wipes in, the name rises, the role slides in.

Title card

A full-frame chapter or opening title: a kicker chip, the title built letter by letter, a brush underline, a subtitle — over the brand's ground with an outlined number drifting behind.

Kinetic headline

Big words that pop in one by one — on the voice when you give it a transcript — with a marker swiped under the *starred* words.

Subscribe

A call to action over footage: the channel card springs in, a cursor glides onto the button and presses it, the bell rings.

Social handle

Your handle in a corner: a pill with the platform's icon slides in, a follow button presses, it tucks away.

Stat

One number that matters, full frame: it counts up as it lands, the label rises under it, a ring fills to the value or bars grow to it.