RZMRN
← cd ..SYSTEMS + PRODUCTION

Parametric Motion — Where Code Replaces the Timeline

React components that render to video. Parameters in, video out. No timeline, no keyframes.

Parametric Motion — Where Code Replaces the Timeline
RemotionReactTypeScriptNode.jsFFmpeg

< 1 min

Per render

Parametric variations

0

Manual keyframes

The Challenge

Traditional motion design is manual. Every change means reopening After Effects, adjusting keyframes, re-rendering. For data-driven content or variations at scale, the timeline becomes the bottleneck.

The answer isn't faster hands — it's code that replaces the timeline entirely.

The Approach

Remotion — React-based programmatic video. Each composition is a React component. Parameters in, video out. Change a variable, get a new render.

Animations are mathematically computed, not AI-generated. A lidar visualization computes actual point-cloud geometry. A telemetry HUD reads real data structures. Precision motion through code.

Compositions range from data visualizations to branded identity pieces to experimental explorations — all version-controlled, all parametrically adjustable.

parameter-playground.tsx
LIVE
Parameters
Speed1.5x
Scale1.2
Rotation0°
Tracking0px
Opacity1.0
Color
Effect
Background
Output
// motion parameters
const config = {
  speed: 1.5,
  color: "#3B82F6",
  scale: 1.2,
  effect: "wave",
  bg: "dark",
  rotation: 0,
  letterSpacing: 0,
  opacity: 1.0
};

applyMotion(config);
MOTION
▶ PREVIEW
WAVE · 1.5x · 0°

The Result

A production toolkit for parametric motion. Any composition re-renders with different parameters in under a minute. Same codebase, infinite variations. Content production at scale through code.

Role: Creative Technologist