Is motion still maintained?

Yes, active. Last change today.

Widely used. 35k stars, 7 years old, by an organization. As with any download, get it from the official repo.

gitmanual

Reading the repo

Opening the box…

How to set up motion (motiondivision/motion) · gitmanual

Assembly instructions

motiondivision/motion

A modern animation library for React and JavaScript

Node.js#animation#animation-js#motion#react

Before you start

Is it free?: YesOpen source (MIT).
Still maintained?: Yes, activeLast change today.
Can I trust it?: Widely used35k stars, 7 years old, by an organization. As with any download, get it from the official repo.

Difficulty: Easy
Time: about 5 min
Stars: ★ 35,073
Activity: Updated this month

Fresh setup, read just now

Will it work on macOS?

Yes, as a library on macOS

It's a library: you add it to your own project (npm install motion), there's no app to open.

Your system

macOS Windows Linux

Start here

Website ↗motion.devThe project's own site.

Also: In the browser ↗

Use it in your own project

This is a library: you add it to your code rather than opening an app.

Add to your JS project

npm install motion

Add to your JS project

npm install motion-v

From the README, exactly as the maintainers wrote it.

Did you get it running?

No reports for macOS yet.

Still stuck? Get a written guide

GitManual AI Agent reads the 7 key files and writes a step-by-step guide for macOS. Once written, it's saved for everyone.

Parts list

1×Node.js v22runtime
1×yarn yarn@3.6.4package manager

Share this manual

Is this your repo?

Add a badge to your README so newcomers find these steps.

[![Setup manual](https://gitmanual.com/motiondivision/motion/badge.svg)](https://gitmanual.com/motiondivision/motion)

Good to know

Monorepo (workspaces) — install from the repo root.
Dev Container config found — you can open it in VS Code Dev Containers or GitHub Codespaces for a zero-setup environment.
Makefile has a make bootstrap target — it may automate most of these steps.
Has AGENTS.md — instructions for coding agents. You can open Claude Code (or another agent) in the cloned folder and ask it to do the setup for you.
Nested projects: dev/html/package.json, dev/next/package.json, dev/react-19/package.json, dev/react/package.json and 11 more

Details

License: MIT
Open issues: 6
Branch: main

package.json scripts (17)

buildturbo run build
watchturbo run watch
devturbo run dev
dev-serverturbo run dev-server
testturbo run test --filter='./packages/*' && turbo run typecheck --filter='./packages/*'
test-playwrightturbo run build && yarn playwright test
test-citurbo run test-ci --no-cache
measureturbo run measure --force && node dev/inc/bundlesize.mjs
sizenode dev/inc/size-scenarios.mjs
versionyarn install && git stage yarn.lock
prepareturbo run build measure
generate-changelog-csvnode scripts/generate-changelog.js
newyarn generate-changelog-csv && yarn test-playwright && lerna publish from-package && yarn push-to-site
new-alphaturbo run build && lerna publish from-package --canary --preid alpha
push-to-sitenode scripts/push-to-site.js
notify-slackNODE_ENV=production node scripts/notify-slack.js
test-notify-slackNODE_ENV=development node scripts/notify-slack.js

Files we read (7)

.devcontainer/devcontainer.json

.github/workflows/claude.yml

.nvmrc

CONTRIBUTING.md

Makefile

README.md

package.json

3,557 files in the repo