heygen-com/hyperframes-launches

Open-source HyperFrames compositions behind HeyGen's product launch videos.

477

stars

27

commits

HTML

primary language

Sep 3, 2026

updated

README

hyperframes-launches

Source for HeyGen's HyperFrames launch videos. Each subdirectory is a standalone HyperFrames composition — open index.html in a browser (or via the HyperFrames CLI) to preview, render, or remix.

Videos

LaunchDirectoryPublic video
HF HeyGen × StripeHF-heygen-stripe/Watch
Re-brandable launch templates (×4)heygen-apple-motion/
Claude paper launchclaude-paper-launch/Watch
Cloud Render launchcloud-render-launch/Watch
Figma integration launchfigma-launch/Watch
Frame.md storyboard launchframe-md-launch-storyboard/Watch
HyperFrames launchhyperframes-launch/Watch
Inspector launchinspector-launch/Watch
Kimi K3 promok3-promo/Watch
Liquid brand refractionliquid-brand-refraction/
PR-to-video launchpr-to-video-launch/Watch
Send to HyperFrames launchclaude-design-send-hyperframes-launch/
SFX music launchsfx-music-launch/Watch
SpaceX launchspacex-launch/Watch
Texture launch videotexture-launch-video/Watch
Timeline editor launchtimeline-launch/Watch
Variables launchvariables-launch/Watch
VFX HeyGen combinedvfx-heygen-combined/Watch
Website → HyperFrames demowebsite-to-hyperframes/Watch

Cloning

This repo uses Git LFS for video, audio, image, and font assets. HTML, CSS, JS, JSON, and Markdown are stored as regular text.

# one-time: install Git LFS
brew install git-lfs     # macOS
git lfs install

# clone (LFS assets download automatically)
git clone https://github.com/heygen-com/hyperframes-launches.git
cd hyperframes-launches

If you cloned without LFS installed, pull the assets after installing:

git lfs pull

To clone just the text (skip large assets) and fetch them on demand:

GIT_LFS_SKIP_SMUDGE=1 git clone https://github.com/heygen-com/hyperframes-launches.git
cd hyperframes-launches
git lfs pull --include="hyperframes-launch/assets/*"   # or any subset you need

Per-project layout

Each video directory follows the HyperFrames project shape:

<project>/
├── index.html          # top-level composition
├── compositions/       # scene-level compositions
├── assets/             # video, audio, image inputs (LFS)
├── renders/            # local rendered videos (ignored by Git)
├── STORYBOARD.md       # shot-by-shot plan
└── meta.json           # project metadata

Generated files under each top-level project's renders/ directory stay local. Commit the composition source and required input media under assets/; files under assets/renders/ remain tracked when they are source material.

Working on a video

cd hyperframes-launch
hyperframes preview     # open the studio
hyperframes render      # render to mp4

See the HyperFrames CLI docs for the full command set.

Adding a new launch video

  1. Create a new subdirectory: mkdir my-launch && cd my-launch && hyperframes init
  2. Build the composition.
  3. Commit — LFS will pick up binary assets automatically via the root .gitattributes.
  4. Add a row to the Videos table above.

Contributors

jrusso1020

13 commits

miguel-heygen

13 commits

kiritowoo

1 commits

heygen-com/hyperframes-launches

Open-source HyperFrames compositions behind HeyGen's product launch videos.

477

stars

27

commits

HTML

primary language

Sep 3, 2026

updated

README

hyperframes-launches

Source for HeyGen's HyperFrames launch videos. Each subdirectory is a standalone HyperFrames composition — open index.html in a browser (or via the HyperFrames CLI) to preview, render, or remix.

Videos

LaunchDirectoryPublic video
HF HeyGen × StripeHF-heygen-stripe/Watch
Re-brandable launch templates (×4)heygen-apple-motion/
Claude paper launchclaude-paper-launch/Watch
Cloud Render launchcloud-render-launch/Watch
Figma integration launchfigma-launch/Watch
Frame.md storyboard launchframe-md-launch-storyboard/Watch
HyperFrames launchhyperframes-launch/Watch
Inspector launchinspector-launch/Watch
Kimi K3 promok3-promo/Watch
Liquid brand refractionliquid-brand-refraction/
PR-to-video launchpr-to-video-launch/Watch
Send to HyperFrames launchclaude-design-send-hyperframes-launch/
SFX music launchsfx-music-launch/Watch
SpaceX launchspacex-launch/Watch
Texture launch videotexture-launch-video/Watch
Timeline editor launchtimeline-launch/Watch
Variables launchvariables-launch/Watch
VFX HeyGen combinedvfx-heygen-combined/Watch
Website → HyperFrames demowebsite-to-hyperframes/Watch

Cloning

This repo uses Git LFS for video, audio, image, and font assets. HTML, CSS, JS, JSON, and Markdown are stored as regular text.

# one-time: install Git LFS
brew install git-lfs     # macOS
git lfs install

# clone (LFS assets download automatically)
git clone https://github.com/heygen-com/hyperframes-launches.git
cd hyperframes-launches

If you cloned without LFS installed, pull the assets after installing:

git lfs pull

To clone just the text (skip large assets) and fetch them on demand:

GIT_LFS_SKIP_SMUDGE=1 git clone https://github.com/heygen-com/hyperframes-launches.git
cd hyperframes-launches
git lfs pull --include="hyperframes-launch/assets/*"   # or any subset you need

Per-project layout

Each video directory follows the HyperFrames project shape:

<project>/
├── index.html          # top-level composition
├── compositions/       # scene-level compositions
├── assets/             # video, audio, image inputs (LFS)
├── renders/            # local rendered videos (ignored by Git)
├── STORYBOARD.md       # shot-by-shot plan
└── meta.json           # project metadata

Generated files under each top-level project's renders/ directory stay local. Commit the composition source and required input media under assets/; files under assets/renders/ remain tracked when they are source material.

Working on a video

cd hyperframes-launch
hyperframes preview     # open the studio
hyperframes render      # render to mp4

See the HyperFrames CLI docs for the full command set.

Adding a new launch video

  1. Create a new subdirectory: mkdir my-launch && cd my-launch && hyperframes init
  2. Build the composition.
  3. Commit — LFS will pick up binary assets automatically via the root .gitattributes.
  4. Add a row to the Videos table above.

Contributors

jrusso1020

13 commits

miguel-heygen

13 commits

kiritowoo

1 commits

Languages

HTML

95.8%

CSS

3.0%

JavaScript

1.0%