This is a comprehensive GSAP reference tailored specifically for HyperFrames compositions. It covers the core tween methods (to, from, fromTo), timeline sequencing with position parameters and labels, and the critical HyperFrames contract: register paused timelines on window.__timelines with matching composition IDs so the runtime can seek them. The guide is opinionated about performance (prefer transforms and opacity, use quickTo for frequent updates) and includes practical guardrails like never using infinite repeats since HyperFrames renders finite durations. It even handles responsive animations and reduced motion via matchMedia. If you're building animations in HyperFrames, this gives you everything from basic tweens to complex sequenced timelines without hunting through general GSAP docs.
- skills.sh installs
- 92.1K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill gsap --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a comprehensive GSAP reference tailored specifically for HyperFrames compositions. It covers the core tween methods (to, from, fromTo), timeline sequencing with position parameters and labels, and the critical HyperFrames contract: register paused timelines on window.__timelines with matching composition IDs so the runtime can seek them. The guide is opinionated about performance (prefer transforms and opacity, use quickTo for frequent updates) and includes practical guardrails like never using infinite repeats since HyperFrames renders finite durations. It even handles responsive animations and reduced motion via matchMedia. If you're building animations in HyperFrames, this gives you everything from basic tweens to complex sequenced timelines without hunting through general GSAP docs.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Documentation, Debugging, Design & UI/UX
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- Website To Hyperframes89.3K
- Css Animations72.3K
- Tailwind70.6K
- Animejs70K
- Three69.3K
- Lottie69.1K
- Waapi68.7K
- Motion Doctrine62.2K
- Captions Overlay61.8K
- Cut The Curve61.4K
- Seam Craft61.1K
- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
