Demo: https://codesandbox.io/embed/548lqnmk6l

This makes the most daring and complex page transitions as easy as it gets. You basically define a page layout declaratively and the primitive takes care of scrolling.

React-spring takes inspiration from React-motions api, but in a simplified form, at the same time can interpolate raw state (colors, svgs, arrays, etc) and animates very efficiently as it doesn't have to re-render components frame by frame. At this point it has four simple primitives to enable all sorts of UI oriented animations: Spring, Trail, Transition and Parallax.