{"id":"hyperframes","name":"HyperFrames","url":"https://wunderlust.xyz/r/hyperframes","category":"motion","category_label":"Motion & animation","tags":["open-source","free","cli"],"short":"HeyGen's open source framework that renders HTML and CSS into MP4 video","what":"A framework that turns HTML, CSS and animation compositions into MP4 video, using headless Chrome to capture frames and FFmpeg to encode.","uses":"Use it to produce video with web code, alone or driven by an agent, instead of a timeline editor.","benefits":["Compositions are plain HTML files with timing attributes, no React or proprietary format","Works with GSAP, CSS, Lottie, Three.js, Anime.js and WAAPI; deterministic output","A CLI to create, preview, validate and render locally or in Docker, plus a catalog of blocks (transitions, captions, charts, maps)"],"caveats":["Apache 2.0 license, no per-render fee; requires Node.js 22+ and FFmpeg","The Studio app is free, but the Pro plan gives access to HeyGen's premium models and some skills are Pro features"],"links":{"official":"https://github.com/heygen-com/hyperframes"},"image":"https://wunderlust.xyz/media/hyperframes-poster.jpg","video":"https://wunderlust.xyz/media/hyperframes.webm","share_image":"https://wunderlust.xyz/og/r/hyperframes.jpg","similar":["gsap","higgsfield-cli","remotion","cli-printing-press","playwright-cli","cli-anything"],"added_on":"2026-11-05","pt":{"name":"HyperFrames","short":"Framework open source da HeyGen que renderiza HTML e CSS em vídeo MP4","what":"Framework que transforma composições em HTML, CSS e animações em vídeo MP4, usando Chrome headless para capturar quadros e FFmpeg para codificar.","uses":"Usar para produzir vídeo com código web, sozinho ou conduzido por um agente, em vez de um editor de timeline.","benefits":["Composições são arquivos HTML simples com atributos de tempo, sem React nem formato proprietário","Funciona com GSAP, CSS, Lottie, Three.js, Anime.js e WAAPI; saída determinística","CLI para criar, visualizar, validar e renderizar local ou em Docker, mais catálogo de blocos (transições, legendas, gráficos, mapas)"],"caveats":["Licença Apache 2.0, sem taxa por render; exige Node.js 22+ e FFmpeg","O app Studio é gratuito, mas o plano Pro dá acesso a modelos premium da HeyGen e algumas skills são recursos Pro"]},"schema_version":1}