Motion

Motion templates for AI agents

Self-contained HTML motion graphics with a prompt, a flow and a deterministic player — an agent reads one JSON, fills in the params and renders the video frame by frame. No build step, no dependencies. llms.txt · API · MCP

Word relay geometry

Word relay geometry

Three benefit words each carry their own dedicated geometry relay — a dashed circle spins and shrinks → three solid circles trim-grow in sequence → a metallic sheen sweeps then collapses to pure white; each new word outlines then fills in.

Typographyremotion16:96.5sApache-2.0
Word relay filmstrip

Word relay filmstrip

A left column of black-and-white page cards steps forward while a serif big word on the right relays in place (a fixed noun + a cycling verb) — the column steps only when the word changes, aligned to the current page card's midpoint.

Typographyremotion16:95.06sApache-2.0
Vertical word-roll cycle

Vertical word-roll cycle

The sentence's last word cycles on a vertical roller, 3 swaps at 0.55s each, fast then very slow with a slight overshoot; neighboring rows carry vertical blur and grayscale by distance, the centered word snapping from gray to accent color as it lands.

Typographyremotion16:95.5sApache-2.0
Two code reveals, side by side

Two code reveals, side by side

The same syntax-highlighted code reveals two ways side by side — left: line-level stagger fading up 8px, right: character-by-character typing keeping each token's original color, with a #3a4468 block cursor on the current character.

Typographyremotion16:95.1sApache-2.0
Type assembly: four moves

Type assembly: four moves

Four type-assembly moves — split-text-stagger, letters rising into place; drift-assembly, letters drifting together; tracking-expand, breathing letter-spacing; text-on-path, flowing in along a curve.

Typographyremotion16:94.39sApache-2.0
Typewriter: two moods

Typewriter: two moods

Two typewriter moves — terminal-typewriter, typing out a command that detonates a scene change, and error-retype, a delete-and-retype three-act "change of mind."

Typographyremotion16:94.89sApache-2.0
Text synced to audio

Text synced to audio

Two text-to-audio sync moves — font-weight-pump, strokes pumping thicker on the beat and springing back, and karaoke-fill-sync, words filling color one by one with the narration.

Typographyremotion16:94.72sApache-2.0
Scramble decode vs letter drop

Scramble decode vs letter drop

Two title-entrance moves — scramble-decode (an answer grows out of noise) and letter-drop-physics (letters drop with gravity, bounce, and settle), picked by tone.

Typographyremotion16:94.39sApache-2.0
Title demoted to section label

Title demoted to section label

Title demoted to section label, two versions — A: a big centered title holds a beat then shrinks 0.3x and slides to the top-left as a small label, content growing beneath it; B: the same move with a text-selection highlight sweeping in and out on entry.

Typographyremotion16:96.59sApache-2.0
Two-word standoff converge

Two-word standoff converge

Two-word standoff converge — left "NEW" and a right feature word pinned at equal screen margins hard-cutting through rotation with zero shrink, until the last word eases to center once and locks into a phrase, with small text appearing almost as a hard cut below.

Typographyremotion16:96.72sApache-2.0
Split-flap board title

Split-flap board title

Airport split-flap title — each character's two mechanical flap halves flip through 2 garbled frames and clatter to a stop on the target letter, cascading left to right.

Typographyremotion16:94.72sApache-2.0
Scramble decode text

Scramble decode text

A monospace line of characters scrambles rapidly, then locks left to right into real letters one by one with a blue-white flash.

Typographyremotion16:93.7sApache-2.0
Pill slot cycle

Pill slot cycle

A fixed sentence stem stays locked while a pill badge at the end slot-machine-rolls a new word roughly every 0.7s.

Typographyremotion16:95.89sApache-2.0
Pill chip slot cycle

Pill chip slot cycle

In "Your `chip` Handled" on white, the word inside a dark pill scrolls like a slot reel while the pill's width smoothly stretches to fit.

Typographyremotion16:95.5sApache-2.0
Paper title card

Paper title card

A sentence letterpress-stamps onto paper word by word, one word marked in italic accent color, closed off by a short dash.

Typographyremotion16:91.83sApache-2.0
Outline word fill-in

Outline word fill-in

A hollow-outline word snaps in from 3.2x scale, a dashed circle and guidelines close in, then the outline instantly fills solid white.

Typographyremotion16:93sApache-2.0
Marker underline title

Marker underline title

After the headline settles, a marker-pen underline draws fast left to right beneath a keyword — a widening stroke, a rough edge, a slight upward slant hugging the letters' baseline.

Typographyremotion16:93.39sApache-2.0
Lead word zoom assemble

Lead word zoom assemble

The lead word fills the frame at 2.3x, still pushing in during the hold, then shrinks to final size while the line slides left into place as the remaining words are pushed in from their slots.

Typographyremotion16:92.8sApache-2.0
Gradient word charge sweep

Gradient word charge sweep

A gradient of colored light sweeps fast left to right to "charge" a keyword in a black-scene tagline — brightest at the wavefront, decaying behind it, then settling into a steady lightning-breathing glow.

Typographyremotion16:93.71sApache-2.0
Glitch status cycle

Glitch status cycle

The same slot cycles through 4 status phrases, each scrambling fully at the head and tail with occasional mid-phrase jitter, RGB split and a full-line shift at each switch; the last phrase resolves clean.

Typographyremotion16:96.1sApache-2.0