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

Emotional camera moves

Emotional camera moves

Four emotional camera moves — bullet-time freeze-orbit, dutch-roll to level, slow-push-in, and pull-back isolation; the camera makes the viewer "feel" rather than "see."

Câmeraremotion16:95.06sApache-2.0
3D terminal flythrough

3D terminal flythrough

Three terminal windows scattered in 3D space; the camera flies between them with a sinusoidal pull-back en route, typing out a command at each stop as results slide out line by line.

Câmeraremotion16:96.5sApache-2.0
Steep-tilt page glide

Steep-tilt page glide

A fixed camera holds an upright page in a strong 60° perspective tilt (near right, far left); the page glides sideways across the lens on its own (the object moves, not the camera), with speed-streak afterimages and floating text settling as it lifts from dark to light.

Câmeraremotion16:94.05sApache-2.0
3D space camera moves

3D space camera moves

Two 3D spatial camera moves — exploded-view (parts blow apart along Z then reassemble) and drone-dive-landing (a drone dives and lands).

Câmeraremotion16:95.06sApache-2.0
Overhead camera moves

Overhead camera moves

Two overhead reveal techniques: tilt-reveal pitches up to level, and overhead-tabletop-drop slides across a card array then dives in.

Câmeraremotion16:94.89sApache-2.0
Graze face tour

Graze face tour

A steep-angle close-up skims low over the UI surface, text initially hovers above the interface with a matching soft shadow, and as the camera moves each piece accelerates down to settle into place.

Câmeraremotion16:95sApache-2.0
Layered depth camera moves

Layered depth camera moves

Two layered-depth camera moves: multiplane parallax dolly (3 layers at graded speeds pan out depth) and fake dolly-zoom (subject pinned, background swells inward).

Câmeraremotion16:94.54sApache-2.0
Cursor Flyover Tour

Cursor Flyover Tour

After a full-page overhead view fades in, the camera flies in turn to zoom-in close-ups on four corners, an SVG cursor tracking along to point and leave click ripples.

Câmeraremotion16:96.5sApache-2.0
Crash Zoom Punch

Crash Zoom Punch

A wide shot crash-zooms to a target close-up in one beat (6f), landing either with a bounce overshoot (elastic) or a hard stop with screen shake (weighty).

Câmeraremotion16:94.05sApache-2.0
Basic 3D Scene Tour

Basic 3D Scene Tour

An impress.js-style spatial deck: cards scattered through 3D space with distinct position/rotation/scale, the camera flies to align to the inverse of each step's pose, ending pulled back to an OVERVIEW.

Câmeraremotion16:96.5sApache-2.0