Random Grid Fade on Scroll
The Random Grid Fade on Scroll effect transforms your content into a grid of squares that randomly fade away as users scroll down the page. Built with GSAP, it’s fully responsive and works seamlessly across all devices.
Grid over a background image
You can change the number of squares by modifying this line:
return window.matchMedia("(min-width: 768px)").matches ? 12 : 6;
This displays 12 squares per row in desktop mode and 6 squares per row on mobile.
Grid over an Image
Work best with 1:1 images.
