Framer Motion是你应该关注的另一个流行的React动画库。它是两个API(Framer API和Motion API)的组合。
Framer库为Web和移动应用程序提供快速的交互性和原型设计功能,而Motion库提供动画和手势。
除此之外,还有很多理由对此感到兴奋:
为基于物理的高级动画提供帮助。
Motion API可以自动生成动画,你只需要配置正确的设置值即可。
支持手势识别喜欢hover,tap,pan,和drag。
支持服务器端渲染。
易于更改和操纵颜色。
好的文档,易于学习。
支持TypeScript。
Framer Motion在GitHub上已有超过11K stars和NPM超过490K周下载量。
你可以使用npm或yarn来安装Framer Motion:
yarn add framer-motion
Or
npm install framer-motion
1.
2.
3.
而且,Framer Motion中包含三个类型的软件包:免费,专业版(每月20美元)和自定义软件包,你可以根据自己的需求选择最合适的一种。