Getting Started

From a blank animation to a full-blown website in minutes.

Create a new project

  1. Initialize a new project:
npm
npm init -y
  1. Install Dynamotion:
npm
npm install dynamotion@latest
  1. Add Dynamotion to your project:
react
import "dynamotion";

<p className='fade-in'>Hello, Dynamotion</p>
vue
import "dynamotion";

<p class='fade-in'>Hello, Dynamotion</p>
svelte
import "dynamotion";

<p class='fade-in'>Hello, Dynamotion</p>
nuxt
import "dynamotion";

<p class='fade-in'>Hello, Dynamotion</p>
✨ Well done! You can now restart your project and see the animation in action.