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

Dark-stage spotlight reveals

Dark-stage spotlight reveals

Three dark-stage spotlight reveals — A wake-sleep sweep (light in = bright, light out = dark), B edge-hugging glow pan (violet light seeps along UI edges + steady rightward sweep), C corner reveal (radial light expands steadily from a corner to light the whole screen); light itself narrates in the dark.

Luz & ênfaseremotion16:94.54sApache-2.0
Slam entrance moves

Slam entrance moves

Three high-energy slam entrances: a whip-in perspective stop, a heavy KPI drop, and a shockwave that hits neighboring cards.

Luz & ênfaseremotion16:94.39sApache-2.0
Scanline assemble fly-in

Scanline assemble fly-in

A scan line sweeps down an empty grid, flying each region's component in from off-screen — finishing as the scan ends.

Luz & ênfaseremotion16:95.1sApache-2.0
Scanline annotate focus

Scanline annotate focus

A bright scan line sweeps down the page, framing each element it passes and labeling it with monospace annotations.

Luz & ênfaseremotion16:95.1sApache-2.0
Scan bracket sweep

Scan bracket sweep

A skeleton document pops in, viewfinder brackets frame it, and a scan line sweeps it 5 times while it stays completely still.

Luz & ênfaseremotion16:95.5sApache-2.0
Riso print hits

Riso print hits

Two Riso-print misregistration hits: a single split-and-snap impact, and a rhythmic version that compounds beat by beat.

Luz & ênfaseremotion16:94.05sApache-2.0
Radial ripple phone chips

Radial ripple phone chips

Concentric rings breathe like water behind a phone mockup with an auto-scrolling feed, while white chips spring in on both sides.

Luz & ênfaseremotion16:96.1sApache-2.0
Light play moves

Light play moves

Three light styles: spotlight-sweep sweeping a spotlight across text, sheen a single sheen sweep, and halation-bloom a crash-stop glow bloom.

Luz & ênfaseremotion16:95.38sApache-2.0
Line boil

Line boil

Line boil — during a hold, text/outline contours wriggle slightly every 3 frames like a hand-redrawn frame, keeping a still image "alive" and breathing.

Luz & ênfaseremotion16:94.72sApache-2.0
Impact feedback

Impact feedback

Two impact-feedback styles: hit-counter, combo counting (a hitch frame plus damage numbers and combo pop-text), and anime-impact, an anime impact frame (negative flash plus speed lines plus chromatic aberration).

Luz & ênfaseremotion16:95.06sApache-2.0
Icon performance moves

Icon performance moves

Two icon-performance styles: pop-burst-confirm, a confirmation burst (checkmark pops with particles and a spreading ring), and attention-bounce, an attention-seeking bounce (icon bounces higher each time, squashing on landing).

Luz & ênfaseremotion16:94.05sApache-2.0
Glow & flyline moves

Glow & flyline moves

Three dark-scene glow-and-flyline styles: glow-orb-ambient ambient glow noise, flyline-arc a connecting light arc, and orb-flyline-relay combining both with same-frame resonance.

Luz & ênfaseremotion16:95.06sApache-2.0
FUI/HUD moves

FUI/HUD moves

Two FUI/HUD styles: line-unfold-panel, a single line unfolding into a panel (line-to-plane CRT grammar), and reticle-lock-on, a viewfinder flying in to lock onto a target.

Luz & ênfaseremotion16:94.72sApache-2.0
Dashboard Glow Highlight Pill

Dashboard Glow Highlight Pill

A gold wordmark hangs in a black void as a data dashboard rises up in perspective and keeps drifting in 3D; a gold light patch cruises from the right to the bottom, stretching into a pill, then traces the glowing outline of a popup from that pill.

Luz & ênfaseremotion16:92.5sApache-2.0
Brand Frame Snap

Brand Frame Snap

A brand-color frame grammar — a thick solid frame grows before the content to enclose the whole screen, with the screen recording dropping in; on mode switch the frame hard-flips color on the same frame as the layout inside swaps.

Luz & ênfaseremotion16:94.39sApache-2.0
Assemble Then Type Fly-In

Assemble Then Type Fly-In

On an empty dark grid, wordless UI skeletons fly in from all sides to lock together; then letters fly in via 3D rotation, headline first, until the page forms.

Luz & ênfaseremotion16:95.7sApache-2.0
Aurora Bloom Background Flip

Aurora Bloom Background Flip

A light-gray backdrop lifts a purple-orange soft-focus blob from below, then the whole background darkens to near-black in ~0.36s as the blob compresses into an afterglow; copy blur-swaps in the gap.

Luz & ênfaseremotion16:95.7sApache-2.0