# Threejs Live Coding - Custom Shaders with react three fiber

> My first live session doing some live shaders. I show how to customize your materials using shaders from shadertoy.

Canonical page: https://andersonmancini.dev/videos/threejs-live-coding-custom-shaders-with-react-three-fiber

Published: 2023-09-11 · Duration: 21:45 · Category: Tutorials · Tags: three.js, react-three-fiber, shaders, tutorial, glsl

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

My first live session doing some live shaders. I show how to customize your materials using shaders from shadertoy.

Shader example by hydrophobic_fish:

CodesandBox with the transformed shader:

## Links from the video

- [Live demo](https://www.shadertoy.com/view/ctsBRr)
- [CodeSandbox](https://codesandbox.io/s/react-csm-gv8z7c)