GSAP Animation Toolkit
When to use: Building any interface that needs high-performance animation — hero reveals, hover effects, progress indicators, or UI micro-animations with precise timing control.
npx skills add gsap-animation-toolkitgit clone https://github.com/skillhub-community/gsap-animation-toolkit.gitDescription
A comprehensive GSAP animation toolkit covering the core API: gsap.to()/from()/fromTo() tweens, gsap.timeline() sequencing with the position parameter, easing presets and custom cubic-bezier, stagger animations for lists and grids, and gsap.defaults() for consistent animation baselines. Includes production patterns for cleanup on unmount, reduced-motion respect, and avoiding layout thrashing by animating transforms and opacity only.
Ships with a plugin registry covering ScrollToPlugin, Flip (FLIP technique for layout animations), Draggable, Observer, and CSSRulePlugin. Each plugin includes a drop-in React example component. Performance guidance: prefer transform/opacity animations, use gsap.matchMedia() for responsive animation behavior, and batch DOM reads/writes to keep animations at 60fps even on low-end devices.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub