Lottie アニメーション Lottie アニメーション

超过 1万 适用于 Web、Android 和 iOS 设备的 Lottie 文件带来更多乐趣

您的 Lottie 动画,您想要的方式。

可客制化设置和超快的读取速度 - 让你完美地自由运用。

-3
-2
-1
0
1
2
3

小小交互动画,大大提升 UI 与 用户经验

即时且快速的读取时间

强烈建议在 JavaScript 中创建所需的微交互。

Lottie JSON 文档是使用 Bodymovin 插件从 After Effects 创建的 SVG 动画。 SVG 文档体积小,加载速度快。也完全可扩展 - 为您提供多种尺寸和大小。

跨平台

Lottie 是一个适用于 Android、iOS、React Native 和 Web 的 JavaScript 数据库,使您的网站和应用程序能够像使用图像一样轻松地在 JavaScript 中使用我们的 Lottie 动画。

开始使用 Lottie

Lottie 是一个可用于Android, iOS, React Native & 网页 的 Library 可以将从After Effects 输出的 SVG动画 及时地渲染在行动设备和网页,它让 Native Apps 可以使用Javescript 加入微交互的动画就跟加入图片一样的简单。

下载你想要的 JSON 文档

轻松地将微交互添加到您的用户界面中,通过这些高质量的 UI 动画吸引您的用户。

安装 Lottie JavaScript 库

为了你选择的 native platform ,集成 Lottie 库。

常见问题

需要更多帮助?从我们的 帮助中心 或 联系我们 找到您的答案。

Lottie animations can be used for web, Android, iOS and React Native platforms - which means on your mobile and desktop app, website projects and web pages.