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-code

Installs 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 GitHub

Sponsors

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
1firecrawl avatarfirecrawl-crawlfirecrawl/cliBulk extract content from an entire website or site section. Use this skill when the user wants to crawl a site, extract all pages from a docs section, bulk-scr81.2Kskills.sh installs
2addyosmani avatarsource-driven-developmentaddyosmani/agent-skillsGrounds every implementation decision in official documentation. Use when you want authoritative, source-cited code free from outdated patterns. Use when buildi67.4Kskills.sh installs
3insforge avatarinsforgeinsforge/insforge-skillsUse this skill when writing app code with InsForge or @insforge/sdk: database CRUD, auth, storage uploads/storage RLS, functions, OpenRouter AI, realtime, email65.2Kskills.sh installs
4firecrawl avatarfirecrawl-parsefirecrawl/cliEfficiently extract and convert the contents of any local file—such as PDF, DOCX, DOC, ODT, RTF, XLSX, XLS, or HTML—into clean, well-formatted markdown saved to51.5Kskills.sh installs
5samber avatargolang-modernizesamber/cc-skills-golangModernize Golang code to use recent language features, standard library improvements, and idiomatic patterns. Trigger proactively when writing or reviewing Go c42Kskills.sh installs
6samber avatargolang-grpcsamber/cc-skills-golangProvides gRPC usage guidelines, protobuf organization, and production-ready patterns for Golang microservices. Use when implementing, reviewing, or debugging gR40.7Kskills.sh installs