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. Распределенный рендеринг пока только на одной машине, но базовая архитектура уже заложена.
Блог