前端代码游乐场,动效小样和实验的集中地
LottieFiles
Lottie 动画资源库与工具站,找现成轻量矢量动效的主要去处
内容更新日期 · 2026-09-07
What is it · 它是什么
什么是 LottieFiles
LottieFiles 是 Lottie 动画生态的主要平台:Lottie 是用 JSON 描述的矢量动画(通常从 After Effects 导出),体积小、可缩放、能用代码控制播放。LottieFiles 提供海量的公开动画库,外加播放器、在线编辑器和各平台集成,找“现成轻量动效”时通常会先逛这里。
How to use · 怎么用
怎么用 LottieFiles
- 按关键词搜动画(加载动画、成功打勾、空状态插画),预览满意后下载 JSON 或导出 GIF。
- Web 项目用官方播放器或框架封装(React/Vue 都有)加载,并能用代码控制播放速度和进度。
- 自己有 AE 动效,用 Bodymovin 插件导出后上传到这里管理。
- 盯住文件体积:动效再好,加载慢了就砸了。
Key features · 核心特点
LottieFiles 的核心特点
- 公开动画库海量,日常场景几乎都有现成的
- JSON 格式小且可编程控制(播放/暂停/变速)
- 工具链完整:播放器、在线编辑器、AE/Figma 集成
- 浏览和基础使用免费,团队协作和高级工具走付费