Getting started

Animotion uses pnpm as the package manager. If you don’t have pnpm installed the easiest method to install it is using npm assuming you have Node.js installed:

npm install -g pnpm

Create a new Animotion presentation

Run the Animotion CLI:

npm create @animotion@latest

If you’re using Windows and it doesn’t work:

npx @animotion/create

This is going to copy the Animotion template and install the dependencies for you.

┌ Welcome to Animotion!
│
◇ Where should I create your project?
│  (press Enter to use the current directory)
│
◇ Pick the template you want to use:
│  Default
│
◇ Install dependencies? (requires pnpm)
│  Yes
│
◇ Installed dependencies.
│
└  Done. 🪄

💿️ Start the development server:
pnpm run dev

💬 Discord
https://joyofcode.xyz/invite

Install the dependencies if you haven’t during the setup:

pnpm i

Start the development server:

pnpm run dev

Open http://localhost:5173/ in your browser.