profile picture of Olivier Larose

Olivier Larose

June 2, 2024





Mouse Image Distortion

How to Curve an Image on Mouse Move using React, React Three Fiber and Framer Motion

A website animation featuring an image distortion in a curved, using the sin function, React, React Three Fiber and Framer Motion

Live DemoSource code
background video

Related Animations


May 4, 2024

Paint Reveal

A website tutorial on making a paint reveal / erasing effect using the destination out blend mode of the canvas API, made with React and Next.js


March 8, 2024

Blend Mode Cursor

A website tutorial featuring a moving cursor on mouse move, colored with CSS blend mode difference, made with React and GSAP. Inspired by


March 8, 2024

Creative Buttons

A website tutorial featuring animated buttons taken from awwwards winning websites. Remade using React and SASS. Inspired by, and