Weight flex

Weight in motion: each letter swells from thin to heavy and back in a wave that runs along the word, the word re-centring as it breathes, then settles on the heaviest cut.

  • type/flex
  • Type
  • text
  • Full frame
  • 4 s (2–20 s)
Style
Live in your browser
Weight flex at 16:9
0.00 / 4.00 s
npx volito render type/flex --style pop --out flex.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 type/flex --prop text="FLEXIBLE" --prop subtitle="Edits that move with you" --out flex.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/flex"), { props: { text: "FLEXIBLE", subtitle: "Edits that move with you" }, out: "flex.mov" });

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

Props

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

PropTypeDefaultTakes
text
Word
textFLEXIBLE≤ 14 chars
subtitle
Line under
textEdits that move with you≤ 50 chars
speed
Waves a second
number0.80.2 – 3
facechoiceinterinter | brand

Parts

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

PartWhat it is
groundthe ground
wordthe word
subtitlethe line under it

Tags: variable, weight, flex, wave, breathing

More in Type