Animating items as they come into view

1. How do you animate a view?
2. Why use framer motion?

How do you animate a view?

You can use the view animation system to perform tweened animation on Views. Tween animation calculates the animation with information such as the start point, end point, size, rotation, and other common aspects of an animation.

Why use framer motion?

If most animation libraries use spring-based animations, then, why should you use Framer Motion? For starters, it has a great API that is simple and doesn't fill your components with extra code. In most cases, you can simply replace your HTML element with a motion element — for example, div with motion.