Circle it

A marker loop drawn round the thing that matters — once, twice, or a clean ring — with an optional label.

annotate/circle
Annotate
callout
Overlay with alpha
3 s (1.5–12 s)

Circle it 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/circle --out circle.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/circle"), { props: {}, out: "circle.mov" });

Or ask an agent with the MCP server connected: “Render the Volito circle it (annotate/circle) 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	40	0 – 100
`y` Box top (%)	number	30	0 – 100
`w` Box width (%)	number	22	2 – 100
`h` Box height (%)	number	30	2 – 100
`look`	choice	marker	marker \| double \| clean
`label` a tag by the loop (empty for none)	text	—	≤ 28 chars
`color` Colour empty: the brand's colour	color	—	—

Parts

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

Part	What it is
`loop`	the loop
`label`	the label

Tags: annotation, circle, loop, ring, marker, hand-drawn

Circle it

Render it

Props

Parts

More in Annotate

Arrow

Spotlight

Focus lock

Highlight

Stamp

Reactions