Skip to content

basementstudio/scrollytelling

1,665 74TypeScriptUpdated 2 years ago
View on GitHub

A library for creating Scrollytelling animations, powered by React & GSAP.

animationsbasementgsaplibraryreactscrollytelling

Project homepage

Our verdict: worth borrowing ideas from

MINED. MIT. Percentage-normalised GSAP timeline (Root owns one paused tl always 100 long, auto rest-tween fills the gap; children declare start/end as percentages). Pin is CSS position:sticky, not ScrollTrigger pin - sidesteps pin-spacer/pinType/anticipatePin entirely. Waypoint = paused gsap.set() + timeline label, with state recovery across re-renders. Stagger overlap maths preserves total span. Debugger discovers tweens by walking gsap.globalTimeline.getChildren() filtered on data.isScrollytellingTween - registry-free tooling. Zero reduced-motion, zero ScrollTrigger.refresh, no tests. Lightly maintained (0.3.3, 4 open issues incl. Pin falsy-0 guard bug).

Filed under web animation in our directory.

Similar repos