r3f-image-reveal-effect

Image reveal effect made with R3F & GLSL ✦ tutorial available on Codrops

framer-motion · glsl-shader · r3f · react
入门
GitHub在线演示
Stars:45
License:MIT License
更新:2025/12/4

README

Shader based Reveal Effect with React Three Fiber

A simple yet pretty cool image reveal effect made with React-Three-Fiber/Drei and animated with FramerMotion.

Thumbnail

Article on Codrops

Demo

Installation

npm install

Build and Run

npm run dev

or

npm run build

Credits

Misc

Follow Colin: X, Linkedin, GitHub

Follow Codrops: Bluesky, Facebook, GitHub, Instagram, X

License

MIT

Made with :blue_heart: by Colin & Codrops