成幀器運動|簡介 - 第 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中文網其他相關文章！