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

それは何ですか?

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

誰が作成しましたか?

Framer 社によって作成されました。 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 <motion.div />;
}

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