Snippet

useBoop

js

This hook is described in much more detail in my tutorial, Boop: A whimsical twist on hover transitions.

In order for it to work, you'll also need to grab another hook, usePrefersReducedMotion.

You can build a thin component wrapper over it, for cases where the trigger and animation happen on the same element:

jsx

Can't wait to see what you come up with!