Hover Image Transition Effect

Let's learn how to build an amazing transition effect on hover using shaderMaterial with React Three Fiber and Three.js

Live demo
https://r3f-image-transition.vercel.app/

Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-starter

Final Code
https://github.com/wass08/r3f-image-transition

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

My Shader video tutorial
https://www.youtube.com/watch?v=e2ntx-fyXaE

Leonardo AI
https://leonardo.ai/

Maath Library
https://github.com/pmndrs/maath

R3F Examples
https://docs.pmnd.rs/react-three-fiber/getting-started/examples

GLSL Color Syntax Extension
https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates

Book of Shaders
https://thebookofshaders.com/

Simon Dev Glsl Shaders course
https://simondev.teachable.com/p/glsl-shaders-from-scratch

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

R3F Drei
https://github.com/pmndrs/drei