Create Immersive Web Experiences with Webflow & WebGL

Create Immersive Web Experiences with Webflow & WebGLCreate Immersive Web Experiences with Webflow & WebGL

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

• 16h

Webflow + WebGL experiment

Exploring beyond animations and effects focusing on atmosphere.

Sound, particles, interaction… all working together.

Trying to build something you don’t just see, but actually feel.

Webflow WebGL GSAP

Sahil Undhad

• 16h

GOATED🔥

Maharsh Gandhi

pro

• Mar 29

Here’s my submission😍

I created an interactive hero section for a skincare brand called “Baresol.” The background visually represents the texture, thickness, and colour of different skincare products, dynamically adapting to each one.

The hero section is powered by a fully interactive WebGL shader. As you move your mouse, the surface responds in real time—distorting into smooth 3D waves and swirls that mimic the natural flow and feel of skincare creams.

To enhance interactivity, I’ve added a controller in the bottom-left corner that lets users adjust:

Texture thickness Color saturation Flow intensity

There’s also a “Discover Our Products” call-to-action that smoothly navigates users to the product section.

Check it out here: 👉 https://omma.build/p/new-chat-5l2zw0

ommabysplinebuildathon Spline

Stephanie Asoegwu

pro

• 17h

The WebGL shader reacting to mouse movement is so satisfying — love how the texture controls let you feel the product

Eyasin Sheikh Rony

• Mar 29

Porten is a modern ✨ premium Webflow template for creative agencies 🎨 studios 🏢 and freelancers 👨‍💻 to showcase portfolios 📂 services ⚙️ and brands 🚀 with a clean high-performance design ⚡ Live Link: https://webflow.com/templates/html/porten-website-template