Box with label

A box drawn round something with its label on a tab hanging off the corner — "the new menu", "fixed". Hand-drawn or clean. Places in % of the frame.

annotate/box-label
Annotate
callout
Overlay with alpha
3 s (1.5–12 s)

Box with label at 16:9 — 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/box-label --prop label="The new menu" --out box-label.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/box-label"), { props: { label: "The new menu" }, out: "box-label.mov" });

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

Props

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

Prop	Type	Default	Takes
`x` Box left (%)	number	36	0 – 100
`y` Box top (%)	number	34	0 – 100
`w` Box width (%)	number	28	0 – 100
`h` Box height (%)	number	26	0 – 100
`label`	text	The new menu	≤ 28 chars
`look`	choice	marker	marker \| clean
`color` Colour empty: the brand's colour	color	—	—

Parts

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

Part	What it is
`box`	the box
`label`	the tab

Tags: box, label, frame, annotation, tag

Box with label

Render it

Props

Parts

More in Annotate

Arrow

Circle it

Spotlight

Focus lock

Highlight

Stamp