Transform Static Images with Dynamic WebGL Interaction

Transform Static Images with Dynamic WebGL InteractionTransform Static Images with Dynamic WebGL Interaction

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

Back to feedPost

Franco Beltramella

pro

• May 22

A while ago I started questioning something: Why do most image grids on the web feel so static?

I didn’t want a layout. I wanted a surface that reacts.

So I turned the entire page into a single WebGL canvas.

18 rows. 20 columns. Every image converted into a dynamic WebGL tile.

The closer the cursor gets, the more the surface bends: scale, opacity, depth, distortion — all driven procedurally by mouse distance.

Built with Three.js, GSAP, Webflow, and AI.

What I love most about experiments like this is that they stop feeling like “websites” and start feeling closer to digital matter.

Full breakdown in the post below 👇

Check it out

three.js GSAP Webflow

Madob Acharjya

• May 23

Stunning!

Franco Beltramella

pro

• May 20

A while ago, I led the web implementation side of an immersive 3D project alongside Daedex. Click here 👈 to see how immersive 3D experiences like this actually become possible on the web.

Realistic 3D experiences on the web look amazing when they work.

What people usually don’t see is everything happening behind the scenes: performance decisions, optimization, interaction systems, responsive behavior, WebGL constraints, and translating creative vision into something that actually feels smooth on the web.

This was easily one of the most technically challenging projects I’ve worked on.

three.js GSAP Webflow

Lynksen Digital

pro

• May 20

23K views. 76.4% engagement rate. In 90 days. 👀 That's not luck - that's what happens when design actually works for the product. We built Elecctro's website from zero - strategy, design, and dev. Interactive, fast, and built to keep people in. Not just to look good (although it does that too 😏). The kind of project where you open the site and just... stay. You know that feeling? 🔥 ⚡ Want such a website for your product too? Get in touch with Lynksen! Also, check the full case study here 👉 Link

Webflow Figma webdesign

Sharon Olusanya

• May 21

Amazing!

Robin Holesinsky

pro

• May 20

Bento grids are everywhere now. Most of them just sit there. Wanted to see what happens when each tile gets a small moment of motion to introduce itself.

bento bentoillustraion bentogrid

Kh Rakib Ul Islam

• May 22

Anyone can drop a layout into a clean, rounded corner grid. But adding intentional, sequenced motion shifts the user experience from basic presentation to active digital product storytelling.