Jake Moran

Product @HeyGen

[Jake Moran @JakeFromHeyGen]

@seflless @kunchenguid @_jiaji_ @HyperFrames_ Screenshots along with Design.md help a lot!

[Jake Moran @JakeFromHeyGen]

@0xhbam @HyperFrames_ @pexels Omg! this is awesome!

[Jake Moran @JakeFromHeyGen]

FYI: You can make your video thumbnails in HyperFrames

[Tejas Rane @tejas3732]

Built this YT thumbnail with @HyperFrames_ and Codex.

Had to prompt a lot with ChatGPT first.

Then kept refining with Hyperframes.

Btw, this YouTube video is out now. Link below 👇

[Jake Moran @JakeFromHeyGen]

@tejas3732 @HyperFrames_ Nice!!!!

[Jake Moran @JakeFromHeyGen]

The puzzle pieces are coming together! Create your FRAME.md at https://t.co/cUMnx8hF2E

[HeyGen @HeyGen]

Introducing frame.md, a spec built for videos & motion

design.md kept your brand consistent across screens

but when applied to videos, agents translated it back into webpages and decks

frame.md teaches your agents how to make branded video

turn your design.md into frame.md ↓

[Jake Moran @JakeFromHeyGen]

@pwealthydad @HeyGen @HyperFrames_ 🫡 On it

[Jake Moran @JakeFromHeyGen]

You can also render transparently via .webm!

[HeyGen @HeyGen]

hey builders! showcasing your code & CLI w @HyperFrames_ got 10x easier

We open sourced accurate, pre-built UI components

A Mac terminal. A VS Code window. Free.

One command to install

$ npx hyperframes add code

Swap in your own code or commands and go

[HeyGen @HeyGen]

hey builders! showcasing your code & CLI w @HyperFrames_ got 10x easier

We open sourced accurate, pre-built UI components

A Mac terminal. A VS Code window. Free.

One command to install

$ npx hyperframes add code

Swap in your own code or commands and go

[GitHub Projects Community @GithubProjects]

HyperFrames is an open-source framework that turns HTML, CSS, and animations into deterministic MP4 videos, built for AI coding agents and automated pipelines.

- Define videos as HTML with data attributes for timing and tracks
- Works with GSAP, CSS, Lottie, Three.js, and other animation libraries
- CLI for local preview with live reload and MP4 rendering
- Agent skills for planning, writing, linting, previewing, and rendering videos

[Jake Moran @JakeFromHeyGen]

@Imad_Phelps so sick

[Jake Moran @JakeFromHeyGen]

@xiangsean1 @trq212 @HyperFrames_ I do this for every launch video!

[Jake Moran @JakeFromHeyGen]

@clerk Video made with HyperFrames?

[Jake Moran @JakeFromHeyGen]

@oneeyekeh @nikunjyadav89 Me too!

[HeyGen @HeyGen]

Creating with HyperFrames just got faster

Drag elements in the studio to fix placement instead of prompting

We also built the full component catalog right into the studio. Browse and add

$ npx hyperframes@latest preview

Follow @hyperframes_ for updates

[Jake Moran @JakeFromHeyGen]

And if you don't like the style you can just prompt your agent to create your own!

[Techguyver @techguyver]

we finally got 100% free captions you can generate on your laptop

@HyperFrames_ @Miguel07Code

[Jake Moran @JakeFromHeyGen]

@pharlomcp @HeyGen So cool!!!

[Jake Moran @JakeFromHeyGen]

@liu8in LFG!!!

[Jake Moran @JakeFromHeyGen]

one of my favorite launch videos i've made with @HyperFrames_ ... and a cool feature too :)

[HeyGen @HeyGen]

Your best HyperFrames composition is now a template

swap the text, the colors, the clips

render dozens of versions in parallel on AWS Lambda

build once, scale forever

setup docs in the thread ↓

[Jake Moran @JakeFromHeyGen]

@HeyGen Stop the scroll!!

[HeyGen @HeyGen]

“Smart Captions” - the most expensive but basic feature in video apps

So we open sourced 17 captions in HyperFrames

Free. Fully customizable. One command to install.

$ npx hyperframes add captions

Plus local background removal — free, studio-grade

Make your content POP!