Lottie Web

Lottie Web

网页播放AE矢量动画

开发官网

应用介绍

设计师在 After Effects 里做好的动效,交给前端往往要重画一遍,或者导出成笨重的 GIF。Lottie 的做法是用 Bodymovin 把动画导出成 JSON,再由 lottie-web 在网页里用 SVG 或 Canvas 原样播放,矢量不糊,文件也小。同一份 JSON 还能在 Android、iOS 和 React Native 上播放。

软件功能



JSON 动画:AE 动画导出为 JSON,体积远小于视频或 GIF。

多渲染器:可选 SVG、Canvas 或 HTML 渲染。

播放控制:支持播放、暂停、倒放、调速和按帧跳转。

多端一致:同一份文件覆盖网页与移动端原生。

应用截图