skills.homes logoskills.homescapability registry
home/categories/frontend/lottiefiles-dotlottie-web-skill-md
cd ..
frontenddevelopment

dotlottie-web

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). Use when building, debugging, or optimizing dotLottie or Lottie animations in web projects, including vanilla JS, React, and Next.js. Covers package selection, Web Workers, state machines, theming, dynamic slot overriding, performance best practices, and common patterns.

查看源码frontend
LottieFiles
maintainer
LottieFiles
更新于 4/11/2026
星标
493
分支
31
quick start

Installation and usage

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). Use when building, debugging, or optimizing dotLottie or Lottie animations in web projects, including vanilla JS, React, and Next.js. Covers package selection, Web Workers, state machines, theming, dynamic slot overriding, performance best practices, and common patterns.

安装
$ install --globalskills.sh
使用

安装后，您可以通过在终端运行以下命令来使用此技能：

skills use dotlottie-web