dotlottie-web
Play fast, interactive Lottie animations on any website or app
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install dotlottie-web?▼
Run `npx skills add LottieFiles/dotlottie-web --all -g -y` in your terminal to install this skill globally for your AI agent.
What is the difference between .lottie and .json animations?▼
The .lottie format is compressed, bundles multiple animations, themes, and assets in one file, and supports interactivity. Plain .json Lottie files are larger and lack these features.
How do I add Lottie animations to a React app?▼
Use the @lottiefiles/dotlottie-react package and drop the DotLottieReact component into your page with a source URL, autoplay, and loop options.
How do I keep animations from slowing down my page?▼
Use DotLottieWorker to render animations on a background thread, and rely on the built-in auto-freeze that pauses offscreen animations.
Can I change animation colors at runtime?▼
Yes. Themes and slots let you swap colors, text, images, and gradients at runtime without re-exporting the animation from After Effects.
Related Repositories in Software Engineering
View All in Software Engineering→
openclawopenclaw
Run a personal AI assistant across your devices and chat apps
obrasuperpowers
Gives coding agents a disciplined workflow from idea to merged code
facebookreact
AI agent skills for building, testing, and porting React core