WELCOME TO

REACT SCROLL UTILITIES

useProximity

I'm 0 pixels away from the center in Y axis

I'm 0 pixels away from the center in Y axis

useDirection

These arrows react to the scroll direction

Scroll to the opposite!

Pretty cool right!

useDynamicColor

Basically, this hook creates an animation of colors that goes from an start color to an end color.

You've been seeing examples of this through all the demo. I love this hook to be honest.

PD: Just need this space for you to appreciate the animation. ;)

useLinearValue

This hook calculates a value using the scroll position as reference, you just only need to use two values as start and end values and a reference to an HTML Element.

Just with that you can create things like those squares:

Or maybe this arrows that are also reacting to the direction:

Wanna test it?

NPM LogoGithub Logo

Powered By zJaaal