Have a project in mind?Have a project in mind? We design and build for the web.Start a project

Added on Aug 3, 2026

WEBGPU GLASS MATERIAL BY ANDERSON MANCINI

WEBGPU GLASS MATERIAL BY ANDERSON MANCINI

WEBGPU GLASS MATERIAL BY ANDERSON MANCINI

Share this project

About

Anderson Mancini's WebGPU Glass Material is the new WebGPU version of Drei's Mesh Transmission Material for React Three Fiber. A clear glass test sphere sits on a curved stand over a dark chequered floor, refracting the surroundings through its body. A control panel on the right adjusts the material, and the frames show it moving from clean glass to strong rainbow dispersion and back again. You can drag to orbit the sphere and watch the reflections shift. The full code is available on GitHub, and the demo runs on Three.js r185 with WebGPU.

What it is

Experiment Dev tools Globe & spheres

Look

Glass/chrome Black & white Dark

How it works

Single scene Drag/orbit

How it's built

WebGPU 3D models 1.2 MB

Keywords

glass sphere dispersion refraction rainbow control panel transmission

Submitted by

mesh3d

Share this project

© All content, screenshots, and screen recordings are the property of their respective owners.

Similar Three.js experiments

Three.js Raycaster Liquid Distortion

made by Anton Bobrov

WebGPU Tile Field

made by aengel

Predator Cloak Material for React Three Fiber

made by Anderson Mancini

WebGPU Ribbon Carousel

made by aengel

WebGPU Blob

made by aengel

Liquid Geo

made by Robert Leitl

Sit your work next to Shane Mielke, Suyog Dixit, and the rest.

We're always looking to feature fresh, creative work that pushes what's possible on the web.