Transition Material

Available to buy on Patreon · 2024 · Components, WebGL

Transition Material project preview

A reusable mesh transition material for React Three Fiber — morph between two surface looks with a single shader-driven blend instead of swapping materials by hand.

Drive the transition with a progress uniform and watch colors, roughness and maps crossfade in real time. Built for product demos, configurators and any scene where materials need to feel like they transform rather than cut.

Available on Patreon with a live demo you can drop into your own projects.

Technical details

  • React Three Fiber
  • WebGL
  • Mesh Transition Material
  • Shader Blending
  • Custom Shaders
  • Three.js

Open the live project