# Threejs Water Caustics Component for React Three Fiber rendering a Mojito

> There's no point in making a Mojito glass with water and dynamic caustics in 3D, I know. But it's so cool!

Canonical page: https://andersonmancini.dev/videos/threejs-water-caustics-component-for-react-three-fiber

Published: 2024-11-05 · Duration: 0:19 · Category: Components · Tags: three.js, react-three-fiber

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

Subscribe to my newsletter:

There's no point in making a Mojito glass with water and dynamic caustics in 3D, I know. But it's so cool!

The component was made in react three fiber. You can see it being used as a pool here:

## Links from the video

- [Live demo](https://andersonmancini.dev/)

## Related projects

- [Realistic Water](https://andersonmancini.dev/projects/realistic-water.md) — WebGL pool simulation with caustics