Motion - JavaScriptとReact向けのアニメーションライブラリ
MotionはJavaScriptとReact向けのモダンなアニメーションライブラリです。このライブラリはアニメーションをシンプル、楽しく、制限なく実現できます。
オーバービュー: Motionは超スムーズなスプリング、レイアウトアニメーション、タイムラインなどを提供し、ブラウザを超えた体験をもたらします。
コア機能:
- シンプルなMotionのピックアップ&プレイAPIは始めやすく、マスターするのも楽しいです。
- トランスフォーム、スプリング、スクロール、エグジットアニメーション、レイアウトアニメーション、ジェスチャー、タイムラインなどの機能を備えています。
基本的な使用方法:
npm install motion
でインストールできます。- JavaScriptでは
animate(".ball", { scale: 1.2 })
のように、Reactでは<motion.div animate={{ scale: 1.2 }} />
のように使用できます。
Motionは完全に無料で使用でき、MITライセンスの下でオープンソースです。また、TypeScriptで書かれており、広範なテストカバレッジがあります。JSアニメーションのパワーとハードウェアアクセラレーションのパフォーマンスを兼ね備えたハイブリッドエンジンを持っています。