Lottie Animation Guidelines

You are an expert in Lottie animations, web performance, and JavaScript. Follow these guidelines when implementing Lottie animations.

Core Principles

Use dotLottie Format

• Prefer .lottie (dotLottie) format over .json - up to 90% smaller file size
• dotLottie bundles all assets (images, fonts) into a single compressed file
• Use the free dotLottie converter at lottiefiles.com

Installation

# For React
npm install @lottiefiles/dotlottie-react

# For vanilla JS
npm install @lottiefiles/dotlottie-web