Installing Motion for React

Unlock this video and the rest of this course by joining Frontend.FYI PRO .

The very beginning: installing Motion for React.

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 Motion for React 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 Motion for React

Now, let’s get 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 motion
3

4
# with yarn
5
yarn add motion
6

7
# with pnpm
8
pnpm add motion