Word swap

A fixed lead and a word that keeps changing: each new word rolls up into an accent box that stretches to fit it — “We make videos / ads / stories”.

  • type/word-swap
  • Type
  • text
  • Full frame
  • 6 s (2–30 s)
Live in your browser
Word swap at 16:9
0.00 / 6.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.

Render it

npx volito render type/word-swap --prop lead="We make" --out word-swap.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/word-swap"), { props: { lead: "We make" }, out: "word-swap.mov" });

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

Props

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

PropTypeDefaultTakes
leadtextWe make≤ 24 chars
wordslistvideos; ads; stories; brands—
end
After
words after the box (empty for none)
text—≤ 12 chars

Parts

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

PartWhat it is
groundthe brand's ground
leadthe fixed words
boxthe box and its word

Tags: kinetic type, text, word swap, rotating, changing word, slot, carousel, hero

More in Type