Lottie
This adapter lets you embed Lottie and dotLottie animations in HyperFrames by registering player instances on window.__hfLottie so the runtime can seek them frame by frame. You load lottie-web or @lottiefiles/dotlottie-web with autoplay and loop off, point to local JSON or .lottie files, and push each animation into the registry array. HyperFrames then controls playback through goToAndStop or the dotLottie frame API. It's built for After Effects exports that already work in the browser, like logo reveals or UI motion, not for fixing broken effect support or handling remote assets at render time. Test your exported files in a plain HTML page first.
- skills.sh installs
- 69.1K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill lottie --agent claude-codeInstalls into .claude/skills of the current project.
Files
This adapter lets you embed Lottie and dotLottie animations in HyperFrames by registering player instances on window.__hfLottie so the runtime can seek them frame by frame. You load lottie-web or @lottiefiles/dotlottie-web with autoplay and loop off, point to local JSON or .lottie files, and push each animation into the registry array. HyperFrames then controls playback through goToAndStop or the dotLottie frame API. It's built for After Effects exports that already work in the browser, like logo reveals or UI motion, not for fixing broken effect support or handling remote assets at render time. Test your exported files in a plain HTML page first.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/heygen-com/hyperframes
- Categories
- AI & Agent Building, Video & Audio Editing
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- 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
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K
- Hyperframes Audio663.9K
- General Video661.7K
Recommended
More AI & Agent Building
insforge-cliinsforge/insforge-skillsUse this skill whenever someone needs a backend, or a task touches InsForge backend or cloud infrastructure through the InsForge CLI: projects, SQL, migrations,65Kskills.sh installs
firecrawl-build-searchfirecrawl/skillsIntegrate Firecrawl `/search` into product code and agent workflows. Use when an app needs discovery before extraction, when the feature starts with a query ins62.5Kskills.sh installs
motion-doctrineheygen-com/hyperframesGATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous came62.2Kskills.sh installsfirecrawl-build-onboardingfirecrawl/skillsGet Firecrawl credentials and SDK setup into a project. Use when an application needs `FIRECRAWL_API_KEY`, when an agent should add Firecrawl to `.env`, when th62.2Kskills.sh installs
is-this-photo-realuseosint/skillsVerify whether an image or video is authentic, original and correctly captioned — provenance checks, error level analysis, noise and JPEG compression analysis, 58.3Kskills.sh installs
seo-georesciencelab/opc-skillsSEO & GEO (Generative Engine Optimization) for websites. Analyze keywords, generate schema markup, optimize for AI search engines (ChatGPT, Perplexity, Gemini, 56.3Kskills.sh installs