Pointer

A tech callout: a pulsing dot on the spot, a leader line that draws out at an angle, and a card with a title and a detail.

  • annotate/pointer
  • Annotate
  • callout
  • Overlay with alpha
  • 4 s (1.5–15 s)
Live in your browser
Pointer 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 annotate/pointer --prop title="48 MP sensor" --prop detail="Larger pixels, better low light" --out pointer.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/pointer"), { props: { title: "48 MP sensor", detail: "Larger pixels, better low light" }, out: "pointer.mov" });

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

Props

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

PropTypeDefaultTakes
titletext48 MP sensor≤ 32 chars
detailtextLarger pixels, better low light≤ 64 chars
x
Point across (%)
number420 – 100
y
Point down (%)
number550 – 100
side
Card side
choiceautoauto | left | right
color
Colour
empty: the brand's colour
color——

Parts

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

PartWhat it is
dotthe dot on the spot
linethe leader line
cardthe card

Tags: annotation, pointer, callout, leader, label, spec, tech

More in Annotate