做动效时，最耗时间的往往不是制作本身，而是"找到合适的素材与参考"：想要可直接上手的 Lottie JSON、可在网页里预览的动效图标、或是可以快速搭建微交互的在线编辑器。下面这份清单把常用入口按类型整理好，你可以把它当作动效素材的收藏夹。
需看协议：社区里有大量可预览/可下载的 Lottie 动画，适合快速为 App 或 Web 添加转场、空状态与按钮反馈动效。下载前建议查看每个作品的授权说明。
工具地址：https://iconscout.com/lotties
需看协议：动效插画与 Lottie 资源聚合库，分类清晰，适合根据业务场景搜"加载"、"支付"、"提示"等动效元素；部分资源需要订阅或按条购买。
需看协议：以"动效图标"见长，交互触发方式丰富（hover、click、loop 等），适合做网页端微交互与产品空状态。商用授权与导出格式需要根据套餐确认。
工具地址：https://rive.app/community/
需看协议：Rive 的社区资源库，包含可交互的动画组件与角色动效示例。适合需要"可控状态"与"交互驱动"动画的场景，例如按钮状态机、引导动效与角色反馈。
工具地址：https://rive.app/
需看协议：在线动效制作与运行时方案，主打"实时渲染"与"状态机"，适合制作可交互的 UI 动效组件并嵌入到 Web、iOS、Android 与游戏中。授权按团队与导出用途区分。
需看协议：面向 SVG 的动画编辑器，适合把图标/插画做成轻量级的网页动效（SMIL/CSS/JS/SVG 导出）。对"动效图标"与"品牌小动画"非常友好，但导出能力与商用范围需要看套餐协议。
需署名：提供大量 CSS 动画预设（入场、抖动、渐变、翻转等），可直接生成代码并复制到项目里。适合快速做界面过渡与轻量动效，使用前确认署名与许可要求。
工具地址：https://haikei.app/
免费商用：生成波浪、渐变、形状分割等视觉背景素材，可导出 SVG/PNG。虽然不是"动画"库，但非常适合为动效场景配一套轻量背景与装饰元素，提高整体质感。
需看协议：动效灵感/案例收集站点，适合在做交互细节时快速参考"按钮反馈"、"加载"、"列表展开"等模式。可按组件类型检索，建议把高频模式做成团队动效规范。
工具地址：https://dribbble.com/tags/motion
需看协议：大量设计师的动效作品展示，适合做风格探索与交互表现的"上限"参考。用于商业项目时不要直接挪用作品素材，更多把它当作方向盘与灵感板。
工具地址：https://www.behance.net/search/projects?search=motion%20graphics
需看协议：更偏"项目集"与"完整案例"的动效展示入口，适合观察分镜、节奏与品牌动效体系。建议用它来学习"如何呈现"而不是直接复用素材。
工具地址：https://mixkit.co/
需看协议：提供可下载的视频、动效与模板资源，适合做宣传页、营销落地页或演示 Demo 的动效补充。不同素材的许可不同，使用前统一确认可否商用与是否需要署名。
小建议：当你把动效资源纳入团队工作流时，最好同步建立"动效命名与分类"（空状态/引导/反馈/转场/加载等）和"授权标记"（免费商用/需署名/需看协议），这样复用效率会明显提升。
