# Threejs Water Hero Section - React Three Fiber WebGPU + TSL

> I'm back to working on my water simulator for interactive experiences using + . This time, I'm experimenting with and for better performance.

Canonical page: https://andersonmancini.dev/videos/threejs-water-hero-section-react-three-fiber-webgpu-tsl

Published: 2025-05-20 · Duration: 1:03 · Category: Tutorials · Tags: three.js, react-three-fiber, webgpu, tsl, tutorial, r3f, creativecoding

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

I'm back to working on my water simulator for interactive experiences using + . This time, I'm experimenting with and for better performance.

The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here:

## Links from the video

- [Live demo](https://water-simulation.vercel.app)