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