What libraries or what to read to implement animations of this kind?

Question

JavaScript

I found a very interesting animation , when you click on the images, go to the project page, then the pictures fly to the center, "glue" into one and get the background. And I have 2 questions:
1) How to implement this particular animation
2) Are there any articles on such "advanced" and more complex animations? Perhaps learning some libraries will help, such as GASP.
With the firstpoint is approximately clear. If one photo, then it was cut into three. But then there are questions: how to send a photo to the right places? (from the ideas, only set an absolute position for each photo). Then they stick together, how to glue them so perfectly precisely is not clear. I understand that most likely an already glued photo simply appears there and is placed as a background, but neither a glare nor any change is visible at all, the transition is very smooth and smooth. It would be interesting to hear options or even examples of such an implementation :) (Of course, I have not tried it myself yet, but I will definitely try
!point is also interesting. I know now you will say: "just google: "complex animations in js, libraries for animations in js"", of course I will do that now, but the essence of this question is rather that I would like to hear the opinion of people with the experience of using these libraries, which one is more difficult to learn, which one is more functional (voluminous), and which ones generally exist. I would also like to know from people who use Vue (Nuxt) + More complex animations, which libraries are more convenient / easier / suitable for Vue specifically.

Answer 1

Yura Artyukh's channel . Lots of videos on how to make various animations.