Lower third

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

  • essentials/lower-third
  • Essentials
  • lower third
  • Overlay with alpha
  • 5 s (2.5–30 s)
Live in your browser
Lower third at 16:9
0.00 / 5.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/lower-third --prop name="Priya Sharma" --prop role="Product designer" --out lower-third.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("essentials/lower-third"), { props: { name: "Priya Sharma", role: "Product designer" }, out: "lower-third.mov" });

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

Props

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

PropTypeDefaultTakes
nametextPriya Sharma≤ 32 chars
role
Role or title
textProduct designer≤ 44 chars
sidechoiceleftleft | right
look
plate: a card behind the text · minimal: a spine and the text on a soft scrim
choiceplateplate | minimal

Parts

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

PartWhat it is
scrimthe soft dark wash behind it
spinethe accent bar
platethe card
namethe name
rolethe role line and its dot

Tags: name, speaker, intro, interview, plate

More in Essentials