为什么 ？

Framer Motion 是一个库，可让您轻松地在 React 应用程序中制作动画。用于添加过渡、拖动等动画效果。

谁创建的？

由 Framer 公司创建。 Framer 是一家专门开发用户界面 (UI) 设计和原型工具的公司。

如何安装？

Framer 支持 React 18 及以上版本。要通过 npm 安装，请运行以下命令。

npm install framer-motion

Framer 运动库没有任何依赖项，您可以通过单个包开始应用它。

Framer Motion 已表明它受到了用户的高度赞赏，截至今天（2024 年 7 月 10 日），npm 每周下载量约为 340 万次，Github 上有 22700 个 star。

使用

在你想要的组件中，可以从framer-motion库导入motion对象，添加运动组件任何 html 或 svg 元素。

import { motion } from "framer-motion";

export default function App() {
  return ;
}