Free animated scroll storytelling for React
GSAP ScrollTrigger sections for progress, parallax, pinned narratives and horizontal storytelling without scroll-jacking. Every example works with Next.js and Tailwind, and the source installs directly into your project.
5 components
Scroll StorytellingGSAPscrollEither themeHorizontal ScrollFree horizontal scroll section for Next.js and React: panels glide sideways as you scroll, GSAP ScrollTrigger pin and scrub, escapable, reduced motion stacks.View component Scroll StorytellingGSAPscrollEither themeParallax LayersFree parallax section for Next.js and React: layers translate at different depths as you scroll, GSAP ScrollTrigger scrub, reduced motion static.View component Scroll StorytellingGSAPscrollEither themePinned PanelsFree pinned scroll section for Next.js and React: panels crossfade in place as you scroll, GSAP ScrollTrigger scrub, escapable, reduced motion shows a stack.View component Scroll StorytellingGSAPscrollEither themeScroll ProgressFree reading progress bar for Next.js and React: a top bar fills as you scroll the page, GSAP ScrollTrigger scrub, one transform, reduced motion safe.View component Scroll StorytellingGSAPscrollEither themeScroll Text HighlightFree scroll-highlight text for React: a paragraph lights up word by word as it scrolls through the viewport, dimmed text resolving to full. GSAP ScrollTrigger.View component