GSAP React Components
When to use: Adding GSAP animations to React apps where lifecycle management (mount/unmount cleanup) matters and you want drop-in animated components.
npx skills add gsap-react-componentsgit clone https://github.com/skillhub-community/gsap-react-components.gitDescription
A library of production-ready GSAP + React components built on the useGSAP hook and gsap.context(). Includes: AnimatedCounter (counts up on scroll into view), StaggerReveal (list/grid items fade up with stagger), TiltCard (3D mouse-tilt with spring-back), MagneticButton (mouse-follow magnetic pull), ProgressScrollBar (top progress bar synced to scroll), and SplitTextReveal (character/word-level text reveal). Every component auto-cleans its animations on unmount to prevent memory leaks and double-play.
Covers the React lifecycle gotchas: why you must not create animations in useLayoutEffect without context, how gsap.context() scopes selectors to the component, and the useGSAP dependency array pattern for re-running animations when props change. Includes a 'prefers-reduced-motion' helper that globally downgrades all components to simple fade. Ships with TypeScript definitions and Storybook stories.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub