Replicate shapes effect on hover using three js

Hi guys! Does anybody knows some examples/links to the docs/any tips how can I make the same shapes hover effect as here https://www.reformcollective.com/ in the hero section?

Thanks!

I’ve seen something similar in the Fiber Examples page:

https://codesandbox.io/p/sandbox/lusion-connectors-xy8c8z

There it is made in r3f together with react-three/rapier. But that should also be possible in three with the help of a physics library. Basically those are objects pulled to the center and a invisible object colliding with them.

1 Like

Thank you! The only problem is that this is declarative representation using react, while I have vue 2 that has lack of this kind of libraries so most likely I will need to recreate this using native three.js and some kind of physics library :frowning: