如果你在做产品/运营活动页/APP 引导页,想要更轻量的动效表达(加载、空状态、按钮反馈、图标提示),Lottie JSON 和可复用的动效组件会比视频/GIF 更好维护。这份清单聚合了常用的 UI 动效与 Lottie 资源网站,包含动效图标、插画动画、组件示例与制作工具;每条都标注授权提醒,便于你快速挑选并在商业项目里安全使用。
需看协议:社区资源与商用素材并存,授权范围差异很大,商用前务必在下载页核对许可条款。
适合:搜索/预览 Lottie、在线编辑、导出与团队协作。
需看协议:提供免费与付费方案,不同套餐的商用范围不同;用于商业产品建议走订阅并保留授权凭证。
适合:风格统一的交互动效图标(hover/click/loop)。
工具地址:https://rive.app/community/
需看协议:社区文件多为创作者分享,许可与署名要求不统一;商用前逐个查看作者说明。
适合:更复杂的交互动画与状态机式动效资产。
工具地址:https://iconscout.com/lottie
需看协议:多为订阅/付费素材库,授权通常随套餐变化;团队使用建议统一账号与素材归档。
适合:批量搜索同风格 Lottie 动画与插画动画。
工具地址:https://icons8.com/animated-icons
需看协议:免费使用常伴随署名要求;付费方案通常可去署名并扩展商用范围。
适合:常见操作类动效图标(返回、下载、通知等)。
工具地址:https://www.flaticon.com/animated-icons
需署名:免费资源通常要求署名;订阅可获得更灵活的商用权。
适合:在活动页/产品内加入轻量的动效图标强化反馈。
需看协议:插画与动画的授权以平台条款为准,注意是否需要署名以及是否允许用于商标/Logo。
适合:空状态、引导页、登录页等插画动效场景。
需看协议:属于动效制作工具,导出资源的商用权通常取决于你自制素材或素材来源;注意订阅限制与导出格式。
适合:把 SVG 动起来并导出 Lottie/视频/GIF。
需看协议:工具本身有不同授权方案;用于商业项目时建议确认输出资产的使用范围与团队协作条款。
适合:设计到工程交付的动效原型与组件化输出。
工具地址:https://www.lottielab.com/
需看协议:在线编辑器通常按套餐提供导出与协作功能,商用没有问题但要留意素材来源授权。
适合:在浏览器里制作/调整 Lottie 动效,快速迭代细节。
工具地址:https://www.figma.com/community
需看协议:社区文件的授权取决于作者声明;商用前检查 License/README 并保存截图或链接备查。
适合:寻找动效组件、Lottie 插件模板、交互动效示例。
工具地址:https://ui8.net/
需看协议:多数为付费素材,授权以具体商品条款为准;团队项目建议统一购买渠道与素材清单。
适合:成套动效 UI Kit、插画与组件包,适用于快速搭建风格体系。