Creating your first animation

In the last lesson, we learned that in Framer Motion most revolves around their motion component. But if we would only add those, you’d see no difference compared to using the non-motion component.

Let’s add some animation

The motion component adds a lot of custom props to the element. All of them can be used to animate the element or control the animation in a certain way.

The first prop we will be looking at is animate.

Unlock the full lesson with PRO

Want to read the full lesson? Join Frontend.FYI PRO.

PRO is a one time purchase of €149 that gives you lifetime access to this course, any courses released in the future, and so much more!