Recipe Steps

Turns an ordered recipe into a hand-drawn motion graphic where a cutaway vessel fills, layers, stirs and gets garnished step by step while a card counts each amount and a tracker ticks the steps off.

Recipe Steps

How it works

  1. Run create.mjs to generate a HyperFrames project

  2. Check and preview, seeking through each step

  3. Render film.mp4