フレーマーモーション |はじめに - パート 1

はじめに

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

作成者

Framer 社によって作成されました。 Framer は、ユーザー インターフェイス (UI) のデザインとプロトタイピングに特化したツールを開発する会社です。

インストール

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

npm install framer-motion

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

2024 年 7 月 10 日の時点で、Framer Motion は npm で毎週約 340 万回ダウンロードされ、GitHub では 22,700 個のスターを獲得しており、ユーザーからの大きな評価が示されています。

使用法

目的のコンポーネント内で、framer-motion ライブラリから motion オブジェクトをインポートし、モーション コンポーネントを追加できます。任意の HTML または SVG 要素。

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}

以上がフレーマーモーション |はじめに - パート 1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。