I Built a WebGPU Performance Monitor for React Three Fiber

· 0:43 · Projects · three.js, react-three-fiber, webgpu, tutorial, source-code, webgl, creativecoding, r3f

I Built a WebGPU Performance Monitor for React Three Fiber - video thumbnail

Watch on YouTube · Subscribe to the channel

I'm launching r3f-webgpu-perf today!

"npm i r3f-webgpu-perf"

One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet.

So I decided to build one.

Supports both WebGL and WebGPU

Modern and customizable UI

Lightweight and easy to integrate

Built specifically for React Three Fiber

Links from the video

Related projects

Related articles