Loading video...

Video Failed to Load

Go Home

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

HeyGen's profile picture
HeyGen4 months ago

Browse the HyperFrames catalog:

HeyGen's profile picture
HeyGen4 months ago

Everything you need to start cooking:

Parul Gautam's profile picture
Parul Gautam4 months ago

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

HeyGen's profile picture
HeyGen4 months ago

@HyperFrames_ Check it out, link in thread!

Parul Gautam's profile picture
Parul Gautam4 months ago

@HyperFrames_ will check this out!

Olajide | Ai Specialist | Video Creator | Editor |'s profile picture
Olajide | Ai Specialist | Video Creator | Editor |4 months ago

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

Matt Penny's profile picture
Matt Penny4 months ago

@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 👌

Prem's profile picture
Prem4 months ago

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

Salt's profile picture
Salt4 months ago

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.

John Greg's profile picture
John Greg4 months ago

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

Far's profile picture
Far4 months ago

@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

joe sai's profile picture
joe sai4 months ago

@HyperFrames_ amazing!

HeyGen's profile picture
HeyGen4 months ago

@HyperFrames_

joe sai's profile picture
joe sai4 months ago

@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?

Meris Dabhi's profile picture
Meris Dabhi4 months ago

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

Hoang | EasyLaunchVideo.com's profile picture
Hoang | EasyLaunchVideo.com4 months ago

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

Gadgetify's profile picture
Gadgetify4 months ago

@HyperFrames_ I tried it with Codex. Kind of mindblowing

MR ANDERSON's profile picture
MR ANDERSON4 months ago

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

Mushraf Ali's profile picture
Mushraf Ali4 months ago

@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 🚀

Adithya Thatipalli's profile picture
Adithya Thatipalli4 months ago

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

Marco | IA's profile picture
Marco | IA4 months ago

@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.

tonbi's profile picture
tonbi4 months ago

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

Chase Dimond | Email Marketing Nerd 📧's profile picture
Chase Dimond | Email Marketing Nerd 📧4 months ago

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

Work For Yourself AI's profile picture
Work For Yourself AI4 months ago

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

Queen Isabell's profile picture
Queen Isabell4 months ago

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

SONIA's profile picture
SONIA4 months ago

@HyperFrames_ wowwwww

Umesh's profile picture
Umesh4 months ago

@HyperFrames_ Thats so cool to run with command line.

Alex Bitoshi's profile picture
Alex Bitoshi4 months ago

@HyperFrames_ Feels like npm for video effects is becoming real

Farhan's profile picture
Farhan4 months ago

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

Sebastian Buzdugan's profile picture
Sebastian Buzdugan4 months ago

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

Dhaval Makwana's profile picture
Dhaval Makwana4 months ago

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

fred's profile picture
fred4 months ago

@HyperFrames_ astonishing

Al-Shamus's profile picture
Al-Shamus4 months ago

@HyperFrames_ Html camvas sounds great

Ashiqur's profile picture
Ashiqur1 month ago

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

Shoaib AI's profile picture
Shoaib AI4 months ago

@HyperFrames_ Amazing

Miguel Ángel's profile picture
Miguel Ángel4 months ago

@HyperFrames_ 🗣️

SARAH's profile picture
SARAH4 months ago

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

Alexander Inspira IA's profile picture
Alexander Inspira IA4 months ago

@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.

FLOMO's profile picture
FLOMO4 months ago

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

Polanco | IA's profile picture
Polanco | IA4 months ago

@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.

Related Videos