Css Animations

heygen-com/hyperframes

When you need CSS keyframe animations to play nicely with HyperFrames' deterministic seeking and preview system, this adapter is the bridge. It finds elements with animation-name, grabs their WAAPI handles when available, and falls back to the negative animation-delay trick for environments that don't expose them. Works great for decorative loops, shimmer effects, and simple entrances where spinning up a full GSAP timeline feels heavy. The main gotcha is avoiding infinite animations unless you've confirmed WAAPI support, since the fallback can't represent unbounded duration. Includes stagger patterns using CSS custom properties and clear guidance on what belongs in CSS versus a proper timeline.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.

65

skills.sh installs

72.3K

GitHub stars

81.8K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1frontend-designpbakaus/impeccableDistinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design choices.53.2Kskills.sh installs

2golang-project-layoutsamber/cc-skills-golangProvides a guide for setting up Golang project layouts and workspaces. Use when starting a new Go project, organizing an existing codebase, setting up a monorep42.1Kskills.sh installs

3flutter-add-widget-previewflutter/agent-pluginsAdds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consi38.7Kskills.sh installs

4react-native-best-practicescallstackincubator/agent-skillsProvides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes32Kskills.sh installs

5argent-react-native-optimizationsoftware-mansion/argentOptimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when th30.2Kskills.sh installs

6argent-react-native-app-workflowsoftware-mansion/argentStep-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing bu30Kskills.sh installs