# Hyperframes

> HTML превращается в видео: новый инструмент для создания роликов силой кода

Создавайте видео из HTML-кода с помощью Hyperframes - open-source фреймворка для рендеринга видео с поддержкой AI-агентов, предпросмотром и композициями.

- Категории: Бесплатные, Инструменты разработчика, Создание видео
- Работает из России: Да
- Бизнес-модель: Бесплатно
- Сайт сервиса: https://github.com/heygen-com/hyperframes
- Карточка в каталоге: https://ailibri.com/hyperframes
- Обновлено: 2026-05-04

## Описание

Hyperframes - это открытый фреймворк для создания видео на основе HTML. Пишешь разметку, добавляешь атрибуты, получаешь готовый ролик. Никакого React, никаких проприетарных DSL - просто HTML, CSS и анимации. Главная фишка: инструмент заточен под работу с AI-агентами, которые уже умеют генерировать HTML и могут собирать видео по текстовым запросам.


Работает так: описываешь сцену через data-атрибуты, указываешь тайминги, треки, источники медиа. Превью открывается в браузере с живой перезагрузкой, рендер идет через headless Chrome и FFmpeg. Результат детерминированный - одинаковый вход всегда дает одинаковый выход, что критично для автоматизированных пайплайнов.


Hyperframes поддерживает любые анимационные библиотеки: GSAP, Lottie, CSS, Three.js. Есть готовый каталог из 50+ блоков - социальные оверлеи, шейдерные переходы, графики, кинематографические эффекты. Устанавливаешь через CLI, встраиваешь в композицию, настраиваешь под задачу.


Инструмент изначально заточен под агентов: Claude Code, Cursor, Gemini CLI, Codex. Устанавливаешь скиллы через npx, и агент получает контекст - как писать композиции, как работать с CLI, как анимировать через GSAP. В Claude Code скиллы регистрируются как слеш-команды, в Codex - как плагин. Можешь описать видео текстом, и агент соберет его сам - от разметки до рендера.


Лицензия Apache 2.0 - полностью открытый исходный код, никаких ограничений по масштабу, никаких платежей за рендер. Используй коммерчески на любом уровне, распространяй, модифицируй. В этом ключевое отличие от Remotion, который работает по source-available модели с платными лицензиями для компаний выше определенного порога.


Hyperframes не требует сборки - index.html проигрывается как есть. Анимации из библиотек вроде GSAP работают покадрово и синхронизируются с таймлайном, а не идут по реальному времени. Произвольный HTML и CSS вставляются напрямую, без переписывания в JSX. Распределенный рендеринг пока только на одной машине, но базовая архитектура уже заложена.

## Похожие сервисы в каталоге

- [LongLive-2.0](https://ailibri.com/longlive-2-0): LongLive-2.0 — инфраструктура NVIDIA для генерации длинных видео с технологиями NVFP4, параллельным обучением Balanced SP и ускоренным инференсом через W4A4.
- [OmniShow](https://ailibri.com/omnishow): OmniShow - модель ByteDance для генерации видео с взаимодействием человека и объектов. Поддерживает текст, изображения, аудио и позы в едином фреймворке.
- [OmniWeaving](https://ailibri.com/omniweaving): OmniWeaving - инструмент для унифицированной генерации видео с композицией произвольной формы и рассуждениями. Основан на HunyuanVideo-1.5 от Tencent Hunyuan.
- [ShotVerse](https://ailibri.com/shotverse): ShotVerse - фреймворк для создания многокадрового видео из текста с кинематографическим контролем камеры через VLM-планировщик и контроллер рендеринга траектори
- [Lumos-Custom](https://ailibri.com/lumos-custom): Lumos-Custom - открытый исследовательский проект для кастомизации видео: персонализация нескольких субъектов, настройка освещения и атрибутов в генерируемых вид
- [3DreamBooth](https://ailibri.com/3dreambooth): Репозиторий кода 3DreamBooth для генерации видео с 3D-объектами по референсным изображениям. Включает модуль 3Dapter и оптимизацию DreamBooth-style

---
Источник: AILibri — каталог нейросетей и ИИ-инструментов, https://ailibri.com