Motion

Templates de motion para agentes de IA

Motion graphics em HTML autocontido com prompt, fluxo e player determinístico — o agente lê um JSON, preenche os parâmetros e renderiza o vídeo quadro a quadro. Sem build, sem dependências. llms.txt · API · MCP

Timeline travel pan

Timeline travel pan

Timeline travel — the camera accelerates along a horizontal ruler axis past version tick marks, a card springs upright and pauses briefly at each tick, and an abrupt stop pushes in on the final tick.

Dadosremotion16:95.38sApache-2.0
Scroll brake moves

Scroll brake moves

A long scroll decelerates to a precise stop on the latest item; a variant adds a reticle lock on the same frame.

Dadosremotion16:94.72sApache-2.0
Ring diagram annotation reveal

Ring diagram annotation reveal

A full-screen subject is squeezed into a ring diagram by a circular window, then the group shrinks left to reveal annotations.

Dadosremotion16:96.38sApache-2.0
Particle celebration hits

Particle celebration hits

Confetti cannons fire from both sides, or sparks fizz off the counter each time it ticks past a thousand.

Dadosremotion16:95.38sApache-2.0
Particle sand-fill bars

Particle sand-fill bars

Bar charts don't grow tall — they "rain into being": square particles fall one by one and pile up into bars, then solidify.

Dadosremotion16:95.38sApache-2.0
Odometer digit roll

Odometer digit roll

Full-screen digits spin like slot-machine reels, locking in one by one left to right with an overshoot, then pulse once locked.

Dadosremotion16:95.06sApache-2.0
Hatch to real data

Hatch to real data

Diagonal-hatched placeholder bars wipe-extend, then the hatching fades as a solid accent-colored layer fades in with values popping up, the placeholder chart turning into a real bar chart.

Dadosremotion16:94.9sApache-2.0
Gauge readout moves

Gauge readout moves

Two gauge-readout styles: needle-sweep-selftest, a full-arc self-test sweep before settling to the true value, and tape-scroll-fixed-pointer, a fixed pointer with a scrolling tape that sprints then brakes.

Dadosremotion16:94.72sApache-2.0
Cycle Glass Node Morph

Cycle Glass Node Morph

A single subject shrinks into a mechanism diagram during a diagonal wipe, three looping-cycle labels establish along an arc, then on a continuous push-in three glass nodes rise from below to take over the original labels, ending with staggered diagnostic markers pinning the system state.

Dadosremotion16:98.62sApache-2.0
Counter Confetti Celebration

Counter Confetti Celebration

A big number counts up with an easeOutQuart sprint and a scale overshoot; a beat before it lands, 52 confetti pieces burst in from both sides on parabolic arcs, an impact ring expands, and the label's letter-spacing tightens to close.

Dadosremotion16:95.1sApache-2.0
Chart Live Moves

Chart Live Moves

Three ways to bring a chart alive — oscilloscope-stream real-time waveform with sudden spikes, unit-dot-swarm-regroup dot swarms migrating into a number, and axis-rescale-shock a new value blowing past the axis and forcing a rescale.

Dadosremotion16:95.38sApache-2.0
Before/After Slider Scrub

Before/After Slider Scrub

A before/after comparison bar — "before" and "after" versions stacked, the divider whips fast then scrubs slow, revealing the new version as it "develops" past.

Dadosremotion16:95.06sApache-2.0
Radial Grid Build & Colorize

Radial Grid Build & Colorize

An 8×7 card grid grows ring by ring from the center to fill up (mixed initials/icons/image placeholders), then ~15% of cards randomly turn red to flag anomalies, with a title legend anchored center.

Dadosremotion16:96.1sApache-2.0