Tile flip

A headline split into tiles that flip one after another in a diagonal sweep, each turning over to show its slice of a second headline — lifting as the sweep passes, shaded as it turns edge-on.

• type/tile-flip
• Type
• text
• Full frame
• 4 s (2–20 s)

Style

Your brandBold PopdefaultCream FlatClean StudioWhiteboardSketchbookPastel FlatPaper CollagePaper DioramaClaymationStorybookAcidCandyRisoRetroDinerBlueprintCapsuleMemphisSwissMintEditorialEmberEditorial MonoNeon NightPixel ArcadeCobaltTomatoAuroraSunsetLimeSportForestLuxeTerminalVaporSci-fi

16:99:161:14:5

Live in your browser

0.00 / 4.00 s

npx volito render type/tile-flip --style pop --out tile-flip.movCopy

Render it

npx volito render type/tile-flip --prop front="MAKE IT" --prop rear="MATTER." --out tile-flip.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/tile-flip"), { props: { front: "MAKE IT", rear: "MATTER." }, out: "tile-flip.mov" });

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

Props

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

Parts

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

Tags: flip, tiles, reveal, 3d, headline

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.