# Threejs WebGPU Post Processing with TSL in React Three Fiber - Free download

> You can download this to start your scenes with react three fiber, threejs WebGPU Renderer, and Post-Processing using tsl. Using the transpiler, I also…

Canonical page: https://andersonmancini.dev/videos/threejs-webgpu-post-processing-with-tsl-in-react-three

Published: 2025-01-13 · Duration: 1:27 · Category: Components · Tags: three.js, react-three-fiber, webgpu, tsl, shaders, source-code, post-processing

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

Live:

Source:

You can download this to start your scenes with react three fiber, threejs WebGPU Renderer, and Post-Processing using tsl. Using the transpiler, I also converted my jet engine shader from GLSL to TSL. It works like a dream .

I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor.

I hope you like it. Please give me a star⭐ on GitHub if you can.

## Links from the video

- [Live demo](https://r3f-webgpu-post-processing.vercel.app/)
- [Source code on GitHub](https://github.com/ektogamat/r3f-webgpu-starter)