gsap-timeline
GSAP motion · A camera move · MIT
- What it does
Sequencing with gsap.timeline(): the position parameter (absolute seconds, '+=0.5', '<', '<0.2', labels), defaults passed to children, labels, nesting, and playback control including paused: true, tl.time(seconds) and tl.progress(0..1). The last three are what frame-by-frame rendering needs, though the skill presents them only as playback controls.
- Get it
npx skills add https://github.com/greensock/gsap-skills (installs all eight), or copy skills/gsap-timeline/ into your agent's skills folder. Pattern: const tl = gsap.timeline({ paused: true, defaults: { duration: 0.5, ease: 'power2.out' } }); tl.from('.line', { autoAlpha: 0, y: 60, stagger: 0.25 }, 0.3); tl.time(frame / fps);
- Needs (the whole pack)
Nothing to read them. To run what they teach: the gsap package from npm, and @gsap/react for the React hook.
- License
MIT
- From