# HyperFrames by HeyGen (ChatGPT Plugin)

> Write HTML, render video

- Type: plugin
- Publisher: HeyGen (official)
- Categories: Media & Entertainment, Design
- Website: https://github.com/openai/plugins/tree/main/plugins/hyperframes
- Docs: https://learn.chatgpt.com/docs/plugins
- Source: https://github.com/openai/plugins
- Open in ChatGPT: https://chatgpt.com/plugins/Plugin_d72b815ecf6481919e3beede9c71ef08
- GitHub stars: 7248
- Listed: 2026-04-23

## About

Write HTML, render video. Compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames. Skills for HyperFrames compositions, GSAP animations, the HyperFrames CLI and registry, and website-to-video capture. Listed in OpenAI's curated Codex marketplace (openai-curated); the manifest declares skills.

## Install

1. **Add it in ChatGPT** Open Plugins in the ChatGPT sidebar (web or desktop), search for “HyperFrames by HeyGen” and select +. You'll be asked to sign in to any connected service on first use. Then type @ in a chat to call it.

2. **Or install it in Codex**

   Codex CLI:

   ```bash
   codex plugin add hyperframes@openai-curated
   ```

## Skills

- **GSAP**: GSAP animation reference for HyperFrames.
- **HyperFrames**: Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.
- **HyperFrames CLI**: HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark.
- **HyperFrames Registry**: Install and wire registry blocks and components into HyperFrames compositions.
- **Website to HyperFrames**: Capture a website and create a HyperFrames video from it.

## Example prompts

- "Turn this website into a 20-second product promo"
- "Create an animated title card with kinetic type"
- "Add synced captions to this voiceover"

## Also available as

- app: [HeyGen](https://chatgptplugins.directory/apps/heygen.md)

## Related

- [Build Web Apps](https://chatgptplugins.directory/plugins/build-web-apps.md): Build frontend-focused web apps with generated assets, browser testing, payments, and...
- [Figma](https://chatgptplugins.directory/plugins/figma.md): Figma design-to-code workflows
- [Adobe](https://chatgptplugins.directory/plugins/adobe.md): Design, combine, and edit
- [Creative Production](https://chatgptplugins.directory/plugins/creative-production.md): Create marketing visuals from a brief or product image.
- [Product Design](https://chatgptplugins.directory/plugins/product-design.md): Explore and prototype ideas
- [Build Web Data Visualization](https://chatgptplugins.directory/plugins/build-web-data-visualization.md): Design, build, test, and export web data visualizations

---
Source: https://chatgptplugins.directory/plugins/hyperframes · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.
