Get it on npm

Outline draw

A word traced on as an outline, every letter's contour drawing at once, then filled in a wipe from the left, with a line under it rising after.

  • type/outline-draw
  • Type
  • text
  • Full frame
  • 3.5 s (2–15 s)
Style
Live in your browser
Outline draw at 16:9
0.00 / 3.50 s
npx volito render type/outline-draw --style pop --out outline-draw.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/outline-draw --prop text="Crafted" --prop subtitle="Every frame on purpose" --out outline-draw.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/outline-draw"), { props: { text: "Crafted", subtitle: "Every frame on purpose" }, out: "outline-draw.mov" });

Or ask an agent with the MCP server connected: “Render the Volito outline draw (type/outline-draw) 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
textCrafted≤ 18 chars
subtitle
Line under
textEvery frame on purpose≤ 60 chars
fillchoiceaccentaccent | fg

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: outline, stroke, draw, trace, reveal

More in Type

Typewriter

Words type on letter by letter with a blinking caret — in the brand's mono, text or display face.

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”.

Split-flap board

An airport split-flap board: every cell flutters through letters and clacks onto the message, left to right.

Marquee bands

Big words repeat along tilted bands that scroll in opposite directions — solid on accent, outlined on the ground — like a poster in motion.

Echo stack

One word with outlined echoes fanning out above and below it, rippling in a slow wave — a poster headline that breathes.

Liquid fill

A big outlined word fills from the bottom with a wavy liquid in the brand's accents, then a tagline rises under it.