from dotlottie-web493
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
Provides practical implementation guidance for using dotLottie runtimes to render Lottie animations in web projects. Covers package selection, basic and advanced integration (React hooks and components), Web Worker usage for performance, state machines for interactivity, theming via slots, and debugging tips.
Use when building or optimizing Lottie/dotLottie animations in web apps (vanilla JS, React, Next.js) — especially when performance, interactivity, or theming are required. Useful for adding animated UI elements with low bundle impact and high runtime performance.
Useful for front-end assistants and build tooling agents that can edit JS/TS/React code and run browser/SSR-aware tests (Code-focused agents like Copilot, Cursor, or frontend-specialist LLMs).
This skill has not been reviewed by our automated audit pipeline yet.
