Loading video...
Video Failed to Load
Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level
504,156 views • 4 months ago •via X (Twitter)
40 Comments

Browse the HyperFrames catalog:

Everything you need to start cooking:

@HyperFrames_ how extensible is the catalog, can creators easily build and share their own html-in-canvas effects within HyperFrames?

@HyperFrames_ Check it out, link in thread!

@HyperFrames_ will check this out!

This native HTML-in-canvas support + one-command effects catalog is exactly what we’ve been missing in AI video workflows. No more fighting with clunky exports or third-party hacks, just drop $ npx hyperframes add html-in-canvas and instantly unlock pro-level dynamic overlays, animations, and interactions straight inside HeyGen videos. This is the moment AI video goes from “good” to “cinematic.” Already planning my next project with this, thank you @HeyGen

@HyperFrames_ @Miguel07Code you should share this composition so people can use it and play around with it themselves. Would be nice to work backwards from full compositions as well as work forward from catalog elements 👌

@HyperFrames_ How fast is the setup using npx hyperframes add html-in-canvas?

In the living architecture of AI-native video, HeyGen’s HyperFrames has just woven HTML-in-canvas into the very fabric of generation itself. What once lived as isolated browser demos now breathes natively inside every frame: dynamic overlays, reactive animations, interactive layers—all summoned by a single, frictionless command. $ npx hyperframes add html-in-canvas No exports. No hacks. No breaking the generative flow. Just an open catalog of effects that turns static clips into responsive, composable canvases—where code and creativity converge in real time. This is the moment video stops being a rendered output and becomes a programmable medium: intelligent, extensible, alive. HyperFrames didn’t bolt on a feature. They rewrote the grammar of motion itself. The creative stack just gained a heartbeat.

@HyperFrames_ One command and your boring page starts acting like a trailer. Dangerous technology hahahahah

@HyperFrames_ nice trick but i bet it crashes on anything heavier than a cat gif gimme the actual fps benchmarks before i believe the hype

@HyperFrames_ amazing!

@HyperFrames_

@HyperFrames_ I have a question: if I want the BGM and sound effects to better match the video, are there any useful tips or best practices?

@HyperFrames_ I already tried HyperFrames with Codex, and it can edit my entire video. It's mind blowing.

@HyperFrames_ It looks fun but it's not production ready yet

@HyperFrames_ I tried it with Codex. Kind of mindblowing

@HyperFrames_ Feels like this is moving video from tools → code

@HyperFrames_ HTML-in-canvas demos are just the start 👀 Native support + one-command effects catalog is a killer combo. npx hyperframes add html-in-canvas and you’re already leveling up your visuals 🚀

@HyperFrames_ can we do Kinetic edit style videos using hyperframes?

@HyperFrames_ Ese npx hyperframes add html-in-canvas es puro DX bien pensado. Literalmente lowers the barrier to entry para experimentar con efectos avanzados sin tener que construir todo desde cero.

@HyperFrames_ HTML-In-Canvas is really impressive! I made a video trying out that and other Hyperframes effects in Hermes Agent!

@HyperFrames_ Been waiting for someone to make HTML-in-canvas usable without a PhD in WebGL. Let's go!

@HyperFrames_ Already thinking of some wild kinetic overlays and data driven animations! Thanks @HeyGen @HyperFrames_ 🧡

@HyperFrames_ The interesting part is making effects programmable, not just visual

@HyperFrames_ wowwwww

@HyperFrames_ Thats so cool to run with command line.

@HyperFrames_ Feels like npm for video effects is becoming real

@HyperFrames_ one of the quieter releases this week that's going to quietly reshape how product launch videos look by q4.

@HyperFrames_ cool demo, but i want to see how this behaves under devtools throttling

@HyperFrames_ the “one command” part is what makes this actually usable

@HyperFrames_ astonishing

@HyperFrames_ Html camvas sounds great

@HyperFrames_ That sounds incredibly cool! I can't wait to see what people do with this.

@HyperFrames_ Amazing

@HyperFrames_ 🗣️

@HyperFrames_ The CRT and liquid glass demos going viral right now are already installable in HyperFrames and that's genuinely wild.

@HyperFrames_ I really like the "catalog of effects" approach. It's not just a feature, it's a ready-to-use ecosystem. That greatly reduces the time between idea and execution, especially in video workflows.

@HyperFrames_ This feels more like building video than editing video.

@HyperFrames_ Hay algo muy potente en convertir demos que normalmente se ven “imposibles” en algo plug-and-play. Ese tipo de tooling es el que termina empujando toda la industria hacia adelante.

