Parallax Grid Scroll
A grid where two columns scroll in oposite directions, giving a parallax effect.
I'm a fan of parallax effects (if done correctly) and you should be too. :)
For a container div
, i.e. if you have a scrolling div, we are going to use the useScroll()
from framer-motion
with a gridRef
ref in order to track the scroll.
Code Snippet
With overflowing container
Without overflowing container
Or something more fancy
Code Snippet
We need your help 🫶
We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏