Explore Interactive Glass Typography with WebGL Shader Effects

Explore Interactive Glass Typography with WebGL Shader EffectsExplore Interactive Glass Typography with WebGL Shader Effects

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

Vladyslav Penev

• Feb 19

Interactive Glass Typography – WebGL Refraction & Chromatic Dispersion Shader

Live demo: https://penev.tech/labs/glass

I created an interactive WebGL shader that turns ordinary text into dynamic, tactile glass — as if the letters are made of molten, imperfect, frosted material that bends and disperses light in real time.

The result is a hypnotic, premium effect — perfect for experimental web intros, luxury brand hero sections, creative portfolios, digital art pieces or interactive storytelling.

My role Concept → full GLSL shader development → interactive controls & UI → real-time optimization (60 fps) → demo implementation.

Tech stack WebGL, GLSL fragment shaders, JavaScript

Stephanie Asoegwu

pro

• Feb 20

The idea of molten frosted glass text that responds to mouse movement is such a satisfying interaction to imagine. The control panel on the left with all those refraction and dispersion sliders shows how much thought went into the physics of it. Going to check the live demo right now.

Daniel Danc

pro

• Feb 20

I recommend Unicorn studio - there you can recreate this effect with just one click.

Vladyslav Penev

• Feb 20

One-click tools are fine for visuals, but they don't give you the same programmatic hook into the DOM or the ability to optimize fragment throughput for mobile. I wrote this to explore how specific dispersion algorithms handle real-time text-mesh updates—stuff you can't tune when the shader logic is hidden in a UI.

Val Guerra

pro

• Feb 21

I like this even more than the usual effect one can achieve with Unicorn or similar tools. Feels smooth and polished. Awesome work!

Celia Rozalén

• Apr 1

Here is my submission: "Mood Desk" An interactive 3D cozy home office where a floating orb shifts the room between four atmospheres: Focus, Chill, Creative, and Nature.

Each mood transforms lighting, window view, screen colors, and particle effects.

Built 100% in Omma via AI prompts.

I post about it in... X - https://x.com/celiarozalenm/status/2039266534485577918 LinkedIn - https://www.linkedin.com/posts/celiarozalenm_ommabysplinebuildathon-ugcPost-7445034991820095488-zTc8

I hope you like it! 😊

ommabysplinebuildathon