Back to snippets

Mouse Position Slideshow

A slideshow that moves based on the mouse position. The inspiration came from the Dream Machine landing page, a little past half way down the page. I wanted to try to recreate the effect using react and motion, with the addition of being able to save where the mouse exited the slideshow.

If you want a better visual of how it's working, click the settings button and enable the debug option.

This snippet only has a desktop version. Try it on a bigger screen!