Motion & animationMotion & animação
HyperFramesHyperFrames
HeyGen's open source framework that renders HTML and CSS into MP4 videoFramework open source da HeyGen que renderiza HTML e CSS em vídeo MP4
What it isO que é
A framework that turns HTML, CSS and animation compositions into MP4 video, using headless Chrome to capture frames and FFmpeg to encode.
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.
What it’s forPara que serve
Use it to produce video with web code, alone or driven by an agent, instead of a timeline editor.
Usar para produzir vídeo com código web, sozinho ou conduzido por um agente, em vez de um editor de timeline.
BenefitsVantagens
- 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)
- 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)
CaveatsRessalvas
- 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
- 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
