Repolode
Enviar
heygen-com

heygen-com/hyperframes

Framework de código aberto que transforma HTML, CSS, mídia e animações com suporte a busca em vídeos MP4 determinísticos, feito para agentes de programação com IA.

Ver no GitHubSite
Estrelas
66,562
Forks
6,018
Issues abertas
368
Último commit
há 3 horas

O que é?

HyperFrames permite criar vídeos em arquivos HTML. Os tempos e as trilhas são definidos com atributos data, e as animações podem ser feitas com GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI ou um adaptador personalizado. O renderizador percorre cada quadro no Chrome headless e codifica o resultado com FFmpeg, garantindo que as mesmas entradas gerem sempre a mesma saída.

O projeto é voltado a desenvolvedores e agentes de programação com IA que já escrevem HTML. Ele inclui uma CLI para criar a estrutura inicial, visualizar com recarga automática, fazer lint e renderizar localmente ou no Docker, além de um conjunto de agent skills que orienta o fluxo de trabalho do planejamento à renderização. Também há suporte à renderização no AWS Lambda para tarefas distribuídas.

As composições são arquivos HTML simples, sem necessidade de uma etapa de build, então é possível abrir e visualizar um index.html diretamente no navegador. O catálogo oferece transições, sobreposições, gráficos e legendas reutilizáveis, que podem ser adicionados com um único comando.

Recursos principais

  • 01As composições são arquivos HTML com atributos data para definir tempos e trilhas.
  • 02Oferece suporte a GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI e adaptadores de animação personalizados.
  • 03Renderiza de forma determinística, percorrendo os quadros no Chrome headless e codificando-os com FFmpeg.
  • 04Inclui uma CLI para init, preview, lint e render, com suporte ao Docker.
  • 05Oferece agent skills para planejar e produzir vídeos a partir de prompts.
  • 06Oferece renderização no AWS Lambda para tarefas distribuídas.

Casos de uso

  • Gerar vídeos de lançamento de produtos ou de anúncio de recursos a partir de conteúdo da web.
  • Criar animações de gráficos ou mapas baseadas em dados, com renderização consistente no CI.
  • Automatizar motion graphics reutilizáveis em pipelines de conteúdo.
  • Permitir que agentes de programação com IA produzam vídeos escrevendo HTML.

Tópicos

#video#html#animation#rendering#ffmpeg#gsap#ai-agents#puppeteer#ai#framework

Perguntas frequentes

O que é hyperframes?
Framework de código aberto que transforma HTML, CSS, mídia e animações com suporte a busca em vídeos MP4 determinísticos, feito para agentes de programação com IA. HyperFrames permite criar vídeos em arquivos HTML. Os tempos e as trilhas são definidos com atributos data, e as animações podem ser feitas com GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI ou um adaptador personalizado. O renderizador percorre cada quadro no Chrome headless e codifica o resultado com FFmpeg, garantindo que as mesmas entradas gerem sempre a mesma saída.
hyperframes é gratuito? Qual é a licença?
hyperframes é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
hyperframes ainda é mantido?
Manutenção ativa. O último commit de hyperframes foi em 18 de out. de 2026.
Para que posso usar hyperframes?
Gerar vídeos de lançamento de produtos ou de anúncio de recursos a partir de conteúdo da web. Criar animações de gráficos ou mapas baseadas em dados, com renderização consistente no CI. Automatizar motion graphics reutilizáveis em pipelines de conteúdo. Permitir que agentes de programação com IA produzam vídeos escrevendo HTML.
Onde consigo hyperframes?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/heygen-com/hyperframes

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados