motion is an object from the Framer Motion library that allows you to animate your components. It exposes all HTML and SVG components as motion components, which means you can animate them directly.

Animate()

The animate function is wonderful little way to use object that defines the final state of the animation. This is where the animation will end.

useMotionValue()

useMotionValue() is a React hook from the Framer Motion library used to create a motion value. A motion value is a simple value that Framer Motion can animate.

useTransform()

useTransform() is a React hook from the Framer Motion library that allows you to create a motion value that transforms another motion value or array of motion values through a function or range of input/output values.