How to make a layout with such smooth transitions between pages?

Question

JavaScript

Hello!
I came across an interesting requirement from the layout customers.
They want all transitions on the site to be smooth, like on this project - https://theenglishbus.com/
It looks like the html document of the new page is not loaded. Everything is smooth, as if there was a transition on the anchor link inside the document.
What technology does this?
Is this within the competence of an ordinary layout designer (I don’t use js-frameworks)?
Pages are loaded in columns - are there ready-made solutions for this, or did front-enders work there for a very long time?
In the specified project, all pages have their own URL, their own meta tags, and so on. Is it correct to consider them as ordinary pages that are normally indexed by search engines? Or is it some kind of generation on the client side.

Answer 1

1. If you need vanills JS, then use barbajs.org/transition.html
Or any of the plugins for jquery
2. The designer (motion) draws the animation, you, as a layout designer, implement it
3.
They just made different blocks on their site and animate them (I would do it in canvas - www.pixijs.com/)
4. Yes. Each page is a separate full-fledged page with its address, tags, etc.

Answer 2

1 ajax
2 no way without js
3 worked for a long time
4 one does not interfere with the other