Animate With Code: Render real video from plain HTML, CSS, and GSAP

Hey Product Hunt 👋 I kept hitting the same idea from different angles: a video is really just an HTML page with a clock. HyperFrames (an open-source render pipeline from HeyGen) leans all the way into that — it seeks a paused GSAP timeline to a sequence of exact timestamps and captures each one as a frame. No timeline-scrubbing editor, just markup, CSS, and GSAP driving the whole thing. The framework itself is free. What I built is the guide I wish existed when I started: the actual mental model for why everything has to be seekable and deterministic, six complete working recipes, and a five-pitfalls section covering the specific mistakes that produce a blank render or a frozen frame instead of a helpful error message. Would love feedback from anyone who builds automated or programmatic video pipelines, or is just curious about rendering video from code instead of a timeline tool.