6.Motion

Motionはアニメーションライブラリです。 2024年にframer-motionからMotionへと名称が変更されました。

Motionは他のアニメーションライブラリと大きく異なり、自分でアニメーションを柔軟に書くことができる。 アニメーションを書くためのAPI が提供されており、一般的なweb エンジニアでも思い描くアニメーションは大体作れる。

まずはインストール。

pnpm add motion

この章では具体的にmotion を利用して何かコンポーネントを作ることはしないが、この章以降のアトミックデザインで利用するために先に準備指定おきます。

公式のドキュメントこちらになります。

https://motion.dev/docs

git add .
git commit -m "Install motion"