# WebGPU Glass Material Update

> This new glass material was only possible because of the incredible work of all the contributors at Poimandres who brought Mesh Transmission Material into…

Canonical page: https://andersonmancini.dev/videos/webgpu-glass-material-update

Published: 2026-08-03 · Duration: 1:14 · Category: Components · Tags: three.js, react-three-fiber, webgpu, tsl, shaders, source-code, creativecoding, reactthreefiber

Watch: [YouTube](https://www.youtube.com/watch?v=QMO9S2IqSXo) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

WebGPU Glass Material Update

Live demo:

This new glass material was only possible because of the incredible work of all the contributors at Poimandres who brought Mesh Transmission Material into the world.

My contribution focuses on adapting the material to TSL, making it fully compatible with WebGPU while preserving the features that make the original material so impressive. If you’re curious about the technical side, check the credits section for more details about the process.

This material will most likely become an integral part of the upcoming React Three Fiber v10 together with the new WebGPU-compatible version of Drei. I’m currently refining the source code and polishing the implementation before releasing it publicly. A vanilla three.js version will follow shortly after.

Excited to share more soon — stay tuned.

## Links from the video

- [Live demo](https://webgpu-glass-material.vercel.app/)

## Related projects

- [Advanced Glass](https://andersonmancini.dev/projects/advanced-glass.md) — Coming soon for WebGPU

## Related articles

- [Glass that remembers what is behind it: transmission in WebGPU and TSL](https://andersonmancini.dev/blog/webgpu-glass-material.md)