What is hyperframes-open-connector-demo?

This repository holds the source code behind a 30 second product demo video for a product called Open Connector, which links AI agents to over a thousand SaaS apps. The video was built as a webpage animation rather than filmed or edited in traditional video software, using a tool called HyperFrames along with the animation library GSAP, the 3D library Three.js, and sound effects generated entirely by code. The repository contains the animation source, the isolated sound effects, the scripts that generate the sound, and a set of automated checks that make sure the camera movement and scene transitions stay consistent every time the video is rebuilt. The version published on YouTube is the finished, polished cut with extra editing and music added afterward. This repository only reproduces a public, sound effects only version that can be rebuilt from the source files here. The author describes making the film by deciding the story and the direction of the motion, then letting an AI agent translate those decisions into HTML animation tied to exact frame numbers. They reviewed key frames and transitions during the process, then rendered the final film once they were happy with it. To run it locally, you need Node.js version 22 or newer, npm version 10 or newer, and the video tool FFmpeg installed on your machine. No API key or account is required. After installing dependencies, a single command builds the visuals and starts a preview server so you can watch the animation in a browser. There are also commands for running tests, checking the render at runtime, and producing final video files in 1080p or 4K resolution. The project separates its licensing carefully: the code, scripts, and tests are MIT licensed, the sound effects are released under CC0 with no restrictions, and the bundled logos and brand artwork are included only with permission and are not covered by the open licenses.