{"id":24376,"date":"2026-11-02T08:47:23","date_gmt":"2026-11-02T16:47:23","guid":{"rendered":"https:\/\/jnack.com\/blog\/?p=24376"},"modified":"2026-11-02T08:57:54","modified_gmt":"2026-11-02T16:57:54","slug":"intro-to-hyperframes","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2026\/11\/02\/intro-to-hyperframes\/","title":{"rendered":"Intro to Hyperframes"},"content":{"rendered":"\n<p>Amidst the daily onslaught of AI-powered developments, I&#8217;ve only briefly grasped the arrival of new animation frameworks like <a href=\"https:\/\/hyperframes.heygen.com\/\">Hyperframes<\/a>, the open-source project from HeyGen.<\/p>\n\n\n\n<p>Here&#8217;s a super approachable 5-minute intro that explains how it helps AI models construct editable, reproducible animations using standard web technologies:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"HeyGen Hyperframes Tutorial for Beginners: Getting Started (Full Guide)\" width=\"604\" height=\"340\" src=\"https:\/\/www.youtube.com\/embed\/IDkycf5vfhI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>I&#8217;m excited to learn more about referencing existing videos to create new mograph:<\/p>\n\n\n<blockquote class=\"twitter-tweet\">\n<p lang=\"en\" dir=\"ltr\">everyone has a video they wish they could make<\/p>\n<p>introducing &#8220;Reference Any Video&#8221; in HyperFrames Studio<\/p>\n<p>now agents can tell your story in ANY format referenced<\/p>\n<p>plus Brand kits: scan your site once for your colors, fonts and logo then applied to your video automatically<\/p>\n<p>try now \u2193<\/p>\n<p>\u2014 HyperFrames (@HyperFrames_) <a href=\"https:\/\/x.com\/HyperFrames_\/status\/2110784695634178256?ref_src=twsrc%5Etfw\">October 15, 2026<\/a><\/p><\/blockquote>\n<p><script async=\"\" src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Amidst the daily onslaught of AI-powered developments, I&#8217;ve only briefly grasped the arrival of new animation frameworks like Hyperframes, the open-source project from HeyGen. Here&#8217;s a super approachable 5-minute intro that explains how it helps AI models construct editable, reproducible animations using standard web technologies: I&#8217;m excited to learn more about referencing existing videos to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/24376"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=24376"}],"version-history":[{"count":4,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/24376\/revisions"}],"predecessor-version":[{"id":24382,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/24376\/revisions\/24382"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=24376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=24376"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=24376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}