なぜ ？

Framer Motion は、React アプリケーションで簡単にアニメーションを作成できるライブラリです。トランジションやドラッグなどのアニメーション効果を追加するために使用されます。

作成者は誰ですか?

フレーマー社が作成。 Framer は、特にユーザー インターフェイス (UI) デザインとプロトタイピング ツールを開発する会社です。

インストールする方法？

Framer は React 18 以降をサポートしています。 npm 経由でインストールするには、次のコマンドを実行します。

npm install framer-motion

Framer モーション ライブラリには依存関係がないため、単一のパッケージで適用を開始できます。

Framer motion はユーザーから高い評価を得ていることを示しており、今日 (2024 年 7 月 10 日) の時点で、npm では毎週約 340 万ダウンロード、Github では 22,700 個のスターがダウンロードされています。

使用

必要なコンポーネントで、framer-motion ライブラリから motion オブジェクトをインポートし、モーション コンポーネントを追加できます。任意の html または svg 要素に。

import { motion } from "framer-motion";

export default function App() {
  return ;
}