Chapter card

A chapter card: a huge outlined number that fills from the bottom, the chapter's name under a kicker, and a row of segments showing where it sits among all the chapters.

  • essentials/chapter
  • Essentials
  • title
  • Full frame
  • 4 s (2–20 s)
Style
Live in your browser
Chapter card at 16:9
0.00 / 4.00 s
npx volito render essentials/chapter --style studio --out chapter.mov
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render essentials/chapter --prop kicker="Chapter" --prop title="Finding the hook" --out chapter.mov

That writes ProRes 4444. The same item in another shape, brand or format:

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("essentials/chapter"), { props: { kicker: "Chapter", title: "Finding the hook" }, out: "chapter.mov" });

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

Props

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

PropTypeDefaultTakes
number
Chapter
number21 – 12
total
Chapters
number51 – 12
kickertextChapter≤ 20 chars
titletextFinding the hook≤ 50 chars

Parts

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

PartWhat it is
groundthe ground
numberthe big number
kickerthe kicker
titlethe chapter name
progressthe chapter segments

Tags: chapter, section, title, part, episode

More in Essentials