Lesson 2/9

Installing Framer Motion

The very beginning: installing Framer Motion.

These steps are only needed if you want to run any of the projects locally. During the whole course you will be able to use the playground, and Framer Motion will be installed automatically for you.

Setting Up Your Environment

To get started, you’ll need a React project set up. If you haven’t already, create a new React app using Vite or your preferred method.

Installing Framer Motion

Now, let’s get Framer Motion into your project. You can do this using npm, yarn, or pnpm, depending on your preference.

Make sure to navigate to the folder where you installed your project, and run the following command.

1
# with npm
2
npm install framer-motion
3
4
# with yarn
5
yarn add framer-motion
6
7
# with pnpm
8
pnpm add framer-motion

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!