--- title: HTML Is All Agents Need — James Russo, HeyGen | daily.dev description: HeyGen's James Russo presents Hyperframes, an open-source framework that uses HTML, CSS, and JavaScript as the native language for AI agents to generate... canonical: https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: HTML Is All Agents Need — James Russo, HeyGen | daily.dev og:description: HeyGen's James Russo presents Hyperframes, an open-source framework that uses HTML, CSS, and JavaScript as the native language for AI agents to generate... og:url: https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr og:image: https://api.daily.dev/og/posts/ljYtMYmlr.png og:image:alt: HTML Is All Agents Need — James Russo, HeyGen og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # HTML Is All Agents Need — James Russo, HeyGen **[AI Engineer](https://daily.dev/sources/aidotengineer)** · 15 min read · 3 upvotes · 1 comments ## Summary HeyGen's James Russo presents Hyperframes, an open-source framework that uses HTML, CSS, and JavaScript as the native language for AI agents to generate videos. The core argument is that LLMs are trained on web content and naturally excel at HTML, making it a better canvas for video creation than custom DSLs or JSON formats like Lottie or Remotion. Hyperframes works by rendering HTML in a browser, freezing the clock, and capturing frames deterministically to produce MP4 videos. The framework has reached 32,000 GitHub stars, 267,000 creators, and 1.3 million videos rendered in 90 days. It supports any coding agent (Claude Code, Codex, Cursor) and recently shipped a keyframes feature for professional motion design. HeyGen is also working on a code-to-video benchmark to improve LLM creative output quality. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is Hyperframes and how does it turn HTML into video? Hyperframes is an open-source framework from HeyGen that converts HTML, CSS, and JavaScript written by coding agents into deterministic MP4 videos. It renders in a browser, then freezes the clock and seeks frame by frame, waiting for all assets to load before screenshotting each frame, so anything renderable in a browser—Three.js, WebGL, shaders, Lottie—can become part of a video. _Developers wiring agent output into shippable video formats can track frameworks like Hyperframes on daily.dev._ ### Why does HeyGen use HTML instead of a custom framework like Remotion for AI-generated video? HTML, CSS, and JavaScript are treated as the native language of large language models because they make up most of the web pages scraped into training data, so agents produce better output writing HTML than being taught a new DSL or JSON schema. Testing showed Remotion required teaching the model its framework syntax, which reduced creative output compared to letting models write plain HTML. _Teams deciding between video-generation frameworks for agents can follow this reasoning on daily.dev._ ### How widely used is the Hyperframes open-source framework? Over 1.3 million videos were rendered by open-source users in the last 90 days, with about 267,000 creators having tried it and roughly 15,000 videos rendered daily. The project has 32,000 GitHub stars and works with any coding agent capable of writing HTML, including Claude Code, Codex, and Cursor. _Anyone gauging adoption of new agent tooling like Hyperframes can follow momentum signals on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@agustinbarrientos** · 0 upvotes > Teaching the model another video DSL sounds worse than sticking with boring HTML. ## Similar posts on daily.dev - [Run AI Agents in the Browser With the Hashbrown Framework](https://daily.dev/posts/run-ai-agents-in-the-browser-with-the-hashbrown-framework-j3hknq5w2) · The New Stack · 0 upvotes · 0 comments --- Tags: [#llm](https://daily.dev/tags/llm), [#ai-agents](https://daily.dev/tags/ai-agents), [#html](https://daily.dev/tags/html), [#video-generation](https://daily.dev/tags/video-generation) [View this post on daily.dev](https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"HTML Is All Agents Need — James Russo, HeyGen","url":"https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr"},"datePublished":"2026-07-21T19:15:51.638Z","dateModified":"2026-09-14T06:39:27.230Z","description":"HeyGen's James Russo presents Hyperframes, an open-source framework that uses HTML, CSS, and JavaScript as the native language for AI agents to generate...","image":"https://i.ytimg.com/vi/Cz4v1WHVyZc/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/Cz4v1WHVyZc/sddefault.jpg","isAccessibleForFree":true,"articleSection":"AI Engineer","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"AI Engineer","logo":"https://media.daily.dev/image/upload/s--u5PucxNT--/f_auto/v1724338940/logos/aidotengineer","url":"https://daily.dev/sources/aidotengineer"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"llm,ai-agents,html,video-generation","timeRequired":"PT15M","video":{"@type":"VideoObject","name":"HTML Is All Agents Need — James Russo, HeyGen","description":"HeyGen's James Russo presents Hyperframes, an open-source framework that uses HTML, CSS, and JavaScript as the native language for AI agents to generate...","thumbnailUrl":"https://i.ytimg.com/vi/Cz4v1WHVyZc/sddefault.jpg","uploadDate":"2026-07-21T19:15:51.638Z","duration":"PT15M","url":"https://api.daily.dev/r/ljYtMYmlr","embedUrl":"https://www.youtube.com/embed/Cz4v1WHVyZc"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"AI Engineer","item":"https://daily.dev/sources/aidotengineer"},{"@type":"ListItem","position":3,"name":"HTML Is All Agents Need — James Russo, HeyGen"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr","comment":[{"@type":"Comment","text":"Teaching the model another video DSL sounds worse than sticking with boring HTML.","datePublished":"2026-08-02T22:51:17.688Z","url":"https://daily.dev/posts/ljYtMYmlr#c-AC8KcfcME","author":{"@type":"Person","name":"Agustin Barrientos","url":"https://daily.dev/agustinbarrientos","image":"https://media.daily.dev/image/upload/s--5ayxQnqn--/f_auto/v1788281802/avatars/avatar_wQYYVe5Tbj0NJ7C7qPoa8?_a=BAMAMicg0"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/html-is-all-agents-need-james-russo-heygen-ljytmymlr#faq","mainEntity":[{"@type":"Question","name":"What is Hyperframes and how does it turn HTML into video?","acceptedAnswer":{"@type":"Answer","text":"Hyperframes is an open-source framework from HeyGen that converts HTML, CSS, and JavaScript written by coding agents into deterministic MP4 videos. It renders in a browser, then freezes the clock and seeks frame by frame, waiting for all assets to load before screenshotting each frame, so anything renderable in a browser—Three.js, WebGL, shaders, Lottie—can become part of a video. Developers wiring agent output into shippable video formats can track frameworks like Hyperframes on daily.dev."}},{"@type":"Question","name":"Why does HeyGen use HTML instead of a custom framework like Remotion for AI-generated video?","acceptedAnswer":{"@type":"Answer","text":"HTML, CSS, and JavaScript are treated as the native language of large language models because they make up most of the web pages scraped into training data, so agents produce better output writing HTML than being taught a new DSL or JSON schema. Testing showed Remotion required teaching the model its framework syntax, which reduced creative output compared to letting models write plain HTML. Teams deciding between video-generation frameworks for agents can follow this reasoning on daily.dev."}},{"@type":"Question","name":"How widely used is the Hyperframes open-source framework?","acceptedAnswer":{"@type":"Answer","text":"Over 1.3 million videos were rendered by open-source users in the last 90 days, with about 267,000 creators having tried it and roughly 15,000 videos rendered daily. The project has 32,000 GitHub stars and works with any coding agent capable of writing HTML, including Claude Code, Codex, and Cursor. Anyone gauging adoption of new agent tooling like Hyperframes can follow momentum signals on daily.dev."}}]} ```