做 UI 动效与微交互时，最耗时间的往往不是“做不做得出”，而是素材从哪里来、授权是否可用、导出格式是否适配开发。下面这份清单按“动画素材/灵感参考/制作与导出”三个方向挑选了 12 个常用站点与工具，便于你快速找到可用资源并确认商用边界。
需看协议：提供大量 Lottie 动画与组件预览，适合快速替换颜色/尺寸并导出 JSON；商用前需核对具体动画作者与平台授权条款。
工具地址：https://rive.app/community/
需看协议：可交互矢量动效资源与示例很多，适合做按钮/状态切换等微交互；导出与商用范围以 Rive 授权与资源作者说明为准。
需看协议：精选 App 动效与转场案例，适合做动效拆解与复刻参考；偏灵感集合，截图/素材二次使用需注意来源与版权。
工具地址：https://mobbin.com/
需看协议：大量真实产品流程与动效录屏，便于对标交互节奏与状态反馈；用于学习与评审很合适，商用素材复用需谨慎。
需看协议：搜索“micro interaction / motion / lottie”等关键词能找到高质量动效作品；大多为作品展示，直接商用需获得作者授权。
需看协议：完整项目案例较多，适合看动效在整套设计里的呈现方式；商用使用素材前务必确认项目与作者声明。
需看协议：在线生成 CSS 动画片段（淡入、弹跳、旋转等），可直接复制代码用于 Web；商用与署名要求以站点许可为准。
需看协议：动效相关文章与示例丰富，适合快速补齐实现细节（easing、keyframes、性能优化）；示例代码通常可用，但仍建议查看具体文章许可。
工具地址：https://gsap.com/
需看协议：前端动效库，适合做复杂时间轴与滚动驱动动画；商业项目使用时需确认插件与会员授权范围。
需看协议：把矢量动画导出为 SVG/CSS/Lottie 等格式，适合把 AE/手绘思路快速落到可交付文件；导出格式与商用许可以套餐条款为准。
工具地址：https://haikei.app/
需看协议：生成波浪、渐变 blob、噪点等背景元素，可用于动效场景/封面搭配；使用前确认生成素材的许可说明与可商用范围。
工具地址：https://www.figma.com/community
需看协议：搜索 Lottie、motion、prototype 等可找到动效组件/原型文件与插件；社区资源授权差异大，商用前逐条核对作者许可与署名要求。
