Get it on npm

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.

  • type/liquid-fill
  • Type
  • text
  • Full frame
  • 4 s (1.5–20 s)
Live in your browser
Liquid fill at 16:9
0.00 / 4.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/liquid-fill --prop word="Fresh" --prop tagline="Squeezed this morning" --out liquid-fill.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/liquid-fill"), { props: { word: "Fresh", tagline: "Squeezed this morning" }, out: "liquid-fill.mov" });

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

Props

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

PropTypeDefaultTakes
wordtextFresh≤ 16 chars
tagline
empty for none
textSqueezed this morning≤ 48 chars

Parts

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

PartWhat it is
groundthe brand's ground
outlinethe outlined word
fillthe liquid
taglinethe tagline

Tags: kinetic type, text, liquid, fill, outline, wave, water, pour

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.

Decode

A title decodes letter by letter out of scrambled glyphs between brackets, then a mono line types on under it.