# Mesh Transition Material is now available - Threejs + React Three Fiber

> I’m excited to share my new material for React Three Fiber!

Canonical page: https://andersonmancini.dev/videos/mesh-transition-material-is-now-available-threejs-react

Published: 2024-10-29 · Duration: 1:38 · Category: Components · Tags: three.js, react-three-fiber, shaders

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

I’m excited to share my new material for React Three Fiber!

After months of development, I have created a material that allows for smooth color transitions when component updates occur, making things easier for developers.

There are two versions available:

• A free version that offers basic color transitions.

• A paid version that includes advanced features like GLSL shaders, with effects such as progressive gradients, ink explosions, and checkered patterns.

If you’re interested in adding some flair to your projects, check them out:

Free Version:

Premium Version:

## Links from the video

- [CodeSandbox](https://codesandbox.io/p/sandbox/meshtransitionmaterialfree-l7pzn7)
- [Live demo](https://mesh-transition-material.vercel.app/)

## Related projects

- [Transition Material](https://andersonmancini.dev/projects/transition-material.md) — Available to buy on Patreon

## Related articles

- [Changing a material's color like a transition, not a cut](https://andersonmancini.dev/blog/mesh-transition-material.md)