What is videoflow?

VideoFlow is a toolkit for building videos with code instead of a traditional video editor. Using a fluent TypeScript API, you describe a video step by step: add text, images, or clips, then animate their position, scale, and opacity over time. The result compiles into a portable JSON format that describes the whole video, which can then be rendered into an actual MP4 file. What makes this interesting is that the same JSON can be rendered in three different ways. It can be turned into an MP4 on a Node.js server using a headless version of the Chrome browser, rendered into an MP4 directly inside a user's web browser, or played back live with full scrubbing controls so someone can preview and skim through it like a video player. This means the same video definition works whether you are generating videos automatically on a server, letting users export videos from their browser, or building an interactive editor. The library comes with over 25 built in transitions such as slide, blur, glitch, and typewriter effects, along with a set of visual effects like bloom and color correction that can be animated over time. Sizes in a project are defined in resolution independent units, so a layout built for a 1920x1080 video will look the same at other resolutions like 4K. The project is organized as four separate npm packages: a core package for defining and compiling videos, and three renderer packages for the server, browser export, and live browser preview, so you only install what you actually need. There is also a separate React component available for building a visual drag and drop editor on top of the same video format. Getting started involves installing the core package plus one renderer package, then writing a short TypeScript script that defines layers, animations, and timing, and calling a render function to produce the final video file.