# GemGPU - Threejs WebGPU Jewelry Renderer - Diamond Material for React Three Fiber

> Working on my own gem renderer with a custom refraction material in TSL for , combining Screen Space Reflections + SSGTAO for superior results, as this…

Canonical page: https://andersonmancini.dev/videos/gemgpu-threejs-webgpu-jewelry-renderer-diamond-material-for

Published: 2026-02-09 · Duration: 3:44 · Category: Components · Tags: three.js, react-three-fiber, webgpu, tsl, shaders, post-processing

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

Two new projects on the way.

Working on my own gem renderer with a custom refraction material in TSL for , combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds.

This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star.

I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle.

In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical.

There are still a few things to fix, but I'll share the live link soon. Stay tuned.

## Related projects

- [Unique Jewelry](https://andersonmancini.dev/projects/unique-jewelry.md) — Ultra-realistic diamond configurator