react-lottie

收录理由

对于希望在界面里加入After Effects动效的React团队，这个组件提供了很顺手的接入方式。设计师用bodymovin/Lottie工具链把动效导出成JSON文件，开发者直接把这个文件交给组件，通过props就能控制循环、自动播放、暂停和停止。动效本质是矢量数据，打包成JSON后体积很小，不会给应用增加多少负担；而且还能把文件放在API上按需加载，用的时候才取。同一作者还维护了Angular和Vue的封装版本，如果团队里不同项目用了不同框架，动效文件可以共用。除了让动效自动播放当装饰，它还支持交互式动画——你可以根据用户操作让动效向前或向后播放，做出响应式的效果。