跳到正文

Lottie 动画资源库与工具站,找现成轻量矢量动效的主要去处

内容更新日期 · 2026-09-07

What is it · 它是什么

什么是 LottieFiles

LottieFiles 是 Lottie 动画生态的主要平台:Lottie 是用 JSON 描述的矢量动画(通常从 After Effects 导出),体积小、可缩放、能用代码控制播放。LottieFiles 提供海量的公开动画库,外加播放器、在线编辑器和各平台集成,找“现成轻量动效”时通常会先逛这里。

How to use · 怎么用

怎么用 LottieFiles

  1. 按关键词搜动画(加载动画、成功打勾、空状态插画),预览满意后下载 JSON 或导出 GIF。
  2. Web 项目用官方播放器或框架封装(React/Vue 都有)加载,并能用代码控制播放速度和进度。
  3. 自己有 AE 动效,用 Bodymovin 插件导出后上传到这里管理。
  4. 盯住文件体积:动效再好,加载慢了就砸了。

Key features · 核心特点

LottieFiles 的核心特点

  • 公开动画库海量,日常场景几乎都有现成的
  • JSON 格式小且可编程控制(播放/暂停/变速)
  • 工具链完整:播放器、在线编辑器、AE/Figma 集成
  • 浏览和基础使用免费,团队协作和高级工具走付费

同类推荐