Chromatic Grid: A Liquid, Scroll-Driven 3D Image GalleryChromatic Grid: A Liquid, Scroll-Driven 3D Image Gallery
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
What if an image grid could behave like liquid?
Just finished Chromatic Grid, a new experiment exploring how a traditional image gallery can become something more sculptural and interactive.
A few things I explored:
→ An hourglass-shaped 3D image grid.
→ Scroll-driven stretching and twisting.
→ Liquid distortions that respond to cursor movement.
→ Fluid reveals and color-to-B&W transitions.
The challenge was making everything feel like one continuous material rather than separate effects.
Built with Three.js, WebGL, GLSL & ChatGPT.
Would love to hear what you think!
Faiz's avatar
The scroll-driven effect is 🔥 Really cool concept and execution. Love how fluid this feels!
Bella's avatar
Amazing work 🤯
Rahul 's avatar
Pencil & Screen logo
Ohhhh man ... this is so awesome. How did you even come up with this idea? I also start envisioning it in the zoomed-out version of the chrome. It's too good. No words. 👏🏻👏🏻
Kaushal's avatar
This feels so premium and polished.
Nesar Ahmad's avatar
Strong visual identity
Vara's avatar
This looks mesmerizing. What about letting users tap a picture to see it flat and up close, then have it bounce right back into the liquid loop when closed?
Yagna's avatar
It's looking good
Artis's avatar
luut logo
Looks great! 👌
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started