React Just Parallax provides two main types of parallax effects:
📜 Scroll Parallax: Elements move at different speeds as you scroll, creating depth.
🖱️ Mouse/Touch Parallax: Elements respond to cursor or touch movement, adding interactivity.
You can easily integrate it with minimal code:
import { ScrollParallax, MouseParallax } from 'react-just-parallax';
<div className='wrapper'>
<ScrollParallax isAbsolutelyPositioned>
<span className='ring' />
</ScrollParallax>
<MouseParallax enableOnTouchDevice isAbsolutelyPositioned>
<span className='ring' />
</MouseParallax>
</div>
0
11
1