做 UI 动效时，最耗时间的往往不是“会不会做”，而是“素材从哪找、能不能商用、能否快速替换成自己的颜色/尺寸”。下面整理一份以 Lottie/动效插画/动效图标为主的资源清单：先用这些库把动效方向和风格跑通，再回到 AE/Rive 做二次定制，会更稳更省时间。
免费商用：平台提供大量免费动画，但请逐条查看作者授权与署名要求。
覆盖 Lottie JSON、图标动效与组件，支持在线预览、调色、替换图层并导出；做产品动效/空状态动效时非常高效。
工具地址：https://iconscout.com/lotties
需看协议：素材授权与可商用范围按订阅/下载类型区分，下载前务必确认用途。
Lottie 动效资源丰富，筛选维度细（风格、类别、颜色等），适合做“同一套风格”动效素材的批量选型。
需看协议：不同计划对商用、分发与署名要求不同，建议按项目规模选择授权。
偏图标类动效，风格统一，支持颜色与触发效果配置；适合 Web/后台产品的轻量交互动效。
需署名：免费使用通常需要署名或遵循其条款；商用场景请仔细核对授权说明。
提供插画与动效插画，支持在线换色、换背景并导出；常用于落地页与产品引导页的氛围动效。
工具地址：https://rive.app/community
需看协议：社区资源与运行时集成涉及不同授权，商用前确认文件授权与使用范围。
Rive 的交互式动效更适合“可控状态机”的 UI 动画（按钮、加载、空状态）；社区作品可作学习与二次创作参考。
工具地址：https://www.flaticon.com/animated-icons
需看协议：免费/付费授权差异明显，且可能涉及署名与分发限制。
动效图标品类多，适合快速做原型与概念验证；建议统一挑选同一作者/同一套系保持风格一致。
工具地址：https://mixkit.co/
免费商用：多数资源可免费使用，但仍建议查看每个素材的许可说明。
提供动画/视频/音乐等资源；如果你更偏“视频型动效背景”而非 Lottie，这类库更适合做氛围与转场。
免费商用：工具本身可用，导出的 SVG 动效商用取决于你使用的图形素材来源。
把 SVG 路径一键转为描边动画（stroke-dasharray）并生成 CSS/JS；适合做 Logo 出场与线性插画动效。
工具地址：https://haikei.app/
免费商用：生成器产出的形状/背景一般可商用，但仍建议阅读其许可与生成内容的使用条款。
用于快速生成波浪、渐变、噪点、blob 等背景素材；配合简单的位移/缩放即可做出轻量动效背景。
需看协议：代码动画可直接用，但在商用产品中使用前建议核对许可与署名要求。
在线生成 CSS 动画（入场、转场、强调等），适合给 Web 页面补齐“基础动效语言”，并快速复制到项目中。
工具地址：https://aejuice.com/freebies/
需看协议：免费资源通常有使用范围限制，商业项目请查看具体许可或升级授权。
AE 插件与模板资源，适合做更复杂的转场、标题与粒子特效；如果 Lottie 不够用，可用 AE 做高质量成片再导出视频/GIF。
工具地址：https://lottiefiles.com/creator
需看协议：编辑器与素材模板的使用条款以平台规则为准，商用前确认模板授权。
用于快速编辑 Lottie 动画（文字、颜色、层级等），适合在不打开 AE 的情况下做轻量改动与快速交付。
