Back to library

Preview of react-scroll-parallax

GitHub

Backgrounds, Effects & CSS Oddities · Scroll effects

react-scroll-parallax

React hooks and components for scroll-linked parallax on elements, banners and backgrounds with easing and rotation.

Why it’s a gem
Controller-based so dozens of parallax elements share one scroll listener

Visit github.com

Author: J Scott Smith (@jscottsmith)
Type: GitHub repository
License: MIT
Added: Aug 17, 2026
Domain: github.com

react parallax scroll hooks

More from Scroll effects

Preview of simpleParallax.js

simpleParallax.js

Applies parallax to images by transforming and scaling them within their container, avoiding layout shift.

Preview of tw-fade

tw-fade

Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.

Preview of react-kino

react-kino

Scroll-driven cinematic storytelling primitives for React under one kilobyte gzipped, built on native scroll timelines.

Preview of animere

animere

Scroll-triggered animation runner that drives Animate.css classes via IntersectionObserver with no configuration.