Story frame

A story's frame over your footage: progress segments along the top with the current one filling, the poster's badge, name and time, a tilted caption sticker and the reply bar.

social/story
Social
social
Overlay with alpha
6 s (2–30 s)

Story frame 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 social/story --prop name="Monarc Studio" --prop time="2h" --out story.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("social/story"), { props: { name: "Monarc Studio", time: "2h" }, out: "story.mov" });

Or ask an agent with the MCP server connected: “Render the Volito story frame (social/story) 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
`name`	text	Monarc Studio	≤ 30 chars
`time`	text	2h	≤ 8 chars
`segments`	number	4	1 – 8
`current`	number	2	1 – 8
`caption` Sticker	text	New cut drops Friday	≤ 50 chars
`reply` Reply bar	boolean	true	—

Parts

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

Part	What it is
`segments`	the progress segments
`poster`	the badge, name and time
`sticker`	the caption sticker
`reply`	the reply bar

Tags: story, stories, reels, overlay, vertical

Story frame

Render it

Props

Parts

More in Social

Follow card

Notification

Notification stack

Comments

Chat thread

Social post