用途：在 Web、React、Vue、Svelte 等前端场景中渲染 After Effects 动画，适合设计师制作的精细动画、复杂图标与微交互、加载与进度指示、引导流程、营销动画，以及作为 GIF/视频的轻量替代方案。
主要能力：支持 JSON Lottie（Bodymovin 导出）与 dotLottie（.lottie 压缩包）两种格式；提供 lottie-web、@lottiefiles/dotlottie-web、@lottiefiles/dotlottie-react、lottie-react 以及 Vue、Svelte 集成。可运行时控制播放、暂停、停止、跳帧、循环，监听 load、play、pause、complete、frame 事件，并支持滚动与悬停触发的交互模式、多动画与主题切换、Web Worker 渲染（DotLottieWorker）。
使用方式：可参考示例以 lottie-web 的 loadAnimation 或 DotLottie 构造函数加载，React 中用 DotLottieReact / Lottie 组件并以 src 或 animationData 指定资源；本地打包导入优先用 animationData，外部 URL 需注意 CORS，Next.js 可放 public/ 目录。也可与 GSAP ScrollTrigger、Framer Motion 结合。
优化与限制：建议用 dotLottie 压缩、简化 After Effects 合成、按需懒加载；复杂动画优先 Canvas 渲染，移动端可降低 devicePixelRatio。注意在组件卸载时销毁实例并移除事件监听，避免内存泄漏。After Effects 的部分图层特效、混合模式、3D 图层与表达式等导出支持有限。具体脚本用法与官方兼容性列表请以原始资料为准。