Repolode
Enviar
heygen-com

heygen-com/hyperframes

Framework de código abierto que convierte HTML, CSS, medios y animaciones con búsqueda por fotogramas en videos MP4 deterministas, diseñado para agentes de programación con IA.

Ver en GitHubSitio web
Estrellas
66,562
Forks
6,018
Issues abiertos
368
Último commit
hace 5 horas

¿Qué es?

HyperFrames permite crear videos escribiendo un archivo HTML. El tiempo y las pistas se definen con atributos data, y las animaciones pueden usar GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI o un adaptador personalizado. El renderizador busca cada fotograma en Chrome sin interfaz gráfica y codifica el resultado con FFmpeg, por lo que la misma entrada siempre produce el mismo resultado.

El proyecto está dirigido a desarrolladores y agentes de programación con IA que ya escriben HTML. Incluye una CLI para crear estructuras iniciales, previsualizar con recarga en vivo, ejecutar lint y renderizar localmente o en Docker, además de un conjunto de habilidades para agentes que guía el flujo de trabajo desde la planificación hasta el renderizado. También admite el renderizado en AWS Lambda para trabajos distribuidos.

Las composiciones son archivos HTML simples que no requieren un paso de compilación, así que se puede abrir y previsualizar directamente un index.html en el navegador. El catálogo ofrece transiciones, superposiciones, gráficos y subtítulos reutilizables que se pueden añadir con un solo comando.

Funciones clave

  • 01Las composiciones son archivos HTML con atributos data para definir el tiempo y las pistas.
  • 02Admite GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI y adaptadores de animación personalizados.
  • 03Renderiza de forma determinista al buscar fotogramas en Chrome sin interfaz gráfica y codificarlos con FFmpeg.
  • 04Incluye una CLI para init, preview, lint y render, con compatibilidad con Docker.
  • 05Ofrece habilidades para agentes que permiten planificar y producir videos a partir de prompts.
  • 06Permite renderizar en AWS Lambda para trabajos distribuidos.

Casos de uso

  • Generar videos de lanzamiento de productos o anuncios de funciones a partir de contenido web.
  • Crear animaciones de gráficos o mapas basadas en datos que se rendericen igual en CI.
  • Automatizar gráficos animados reutilizables en flujos de trabajo de contenido.
  • Permitir que agentes de programación con IA creen videos escribiendo HTML.

Temas

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

Preguntas frecuentes

¿Qué es hyperframes?
Framework de código abierto que convierte HTML, CSS, medios y animaciones con búsqueda por fotogramas en videos MP4 deterministas, diseñado para agentes de programación con IA. HyperFrames permite crear videos escribiendo un archivo HTML. El tiempo y las pistas se definen con atributos data, y las animaciones pueden usar GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI o un adaptador personalizado. El renderizador busca cada fotograma en Chrome sin interfaz gráfica y codifica el resultado con FFmpeg, por lo que la misma entrada siempre produce el mismo resultado.
¿hyperframes es gratuito? ¿Qué licencia tiene?
hyperframes es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿hyperframes sigue mantenido?
Mantenimiento activo. El último commit de hyperframes fue el 18 oct 2026.
¿Para qué puedo usar hyperframes?
Generar videos de lanzamiento de productos o anuncios de funciones a partir de contenido web. Crear animaciones de gráficos o mapas basadas en datos que se rendericen igual en CI. Automatizar gráficos animados reutilizables en flujos de trabajo de contenido. Permitir que agentes de programación con IA creen videos escribiendo HTML.
¿Dónde consigo hyperframes?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/heygen-com/hyperframes

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados