What is the primary benefit of using the dotLottie Player?

The dotLottie Player is built to handle the lightweight, compressed .lottie format, which dramatically improves website load speed and performance compared to traditional Lottie JSON files.

How do I adjust playback settings in the player?

The player offers extensive controls to manage speed, looping, direction, and frame progression, allowing you to fine-tune exactly how your optimized animation performs on your site.

Can I set up interaction for my dotLottie animation?

Yes, you can set up powerful interactivity (like playing on scroll or hover) without writing custom code. The dotLottie Player handles the necessary event listeners for seamless user engagement.

How do I get the embed code for my website?

After configuring your settings, the dotLottie Player instantly generates a simple, optimized HTML snippet. Just copy and paste this code to effortlessly embed your animation into any project.

Why should I use the .lottie format over JSON?

The .lottie format is significantly smaller and more efficient than Lottie JSON. Using it with our dedicated player ensures faster loading times and better overall performance on all devices.

Does the player support dynamic sizing and responsiveness?

Absolutely. Since the .lottie format is vector-based, the generated embed code ensures your animation scales perfectly to any device size or resolution without pixelation or quality loss.

Can I convert Lottie JSON files into dotLottie?

Yes, while this tool focuses on playback, we offer integrated converter tools that can take standard Lottie JSON files and package them into the highly optimized dotLottie format.

dotLottie Player

Unlock superior website performance with the official dotlottie player. Configure, embed, and deploy the highly optimized .lottie format for lightning-fast animations.

Drag and drop your Lottie JSON / dotLottie file here
or

Your files are safe! We use the best encryption methods to protect your data. All documents are automatically deleted from our servers

Deploy Your Optimized dotLottie in 3 Steps

Load Your dotLottie File

Upload your dotLottie file instantly. Use the dedicated player controls to fine-tune speed, looping, and direction before embedding.

Configure & Export

Adjust the player settings (size, interactivity, autoplay). Then, export the optimized dotLottie or convert it instantly to MP4, GIF, or Lottie JSON.

Generate & Deploy Code

Copy the simple, optimized HTML snippet. Paste this code directly into your web project or app for instant, high-performance embedding.

Built for performance & cross-platform consistency

Our runtimes make it effortless to integrate Lottie with popular frameworks and platforms for smooth performance everywhere.

Visit Developer Portal

The dotLottie advantage

The next-generation animation file format designed for speed, flexibility and seamless integration.

Smaller Lottie files

Compress your animations by up to 80% and scale up or down without pixelation.

Multi-platform support

Easily integrate with multiple frameworks for consistent experiences across all your digital platforms.

Theming

Adapt your animations effortlessly for dark mode, light mode, or user-custom modes.

Interactivity

Leverage new interactivity methods to create engaging, interactive animations across platforms.

Bundled packages

Include multiple animations in a single dotLottie file, simplifying management and deployment.

Performance Index

Our runtimes outperform the current web player by a significant margin.

Unmatched performance

The new dotLottie runtimes are powered by high-performance graphics engine ThorVG.

JS library

Create and control dotLottie animations effortlessly with our powerful JavaScript library.

For developers

Lottie conversion API

Convert and optimize Lottie files from your own code: dotLottie, GIF, MP4 and more. One API key, billed in the same credits as asset downloads.

Free plan: 100 one-time credits, no card needed
Paid plans from $19/month for 250 credits

Explore the API

API docs

Lottie JSON to dotLottie 2 credits per file
Optimize Lottie 2 credits per file
Lottie to GIF 4 credits per file
Lottie to MP4 10 credits per file

curl https://api.iconscout.com/v3/convert/lottie-to-dotlottie \
  -H 'Client-ID: your-client-id' \
  -H 'Client-Secret: your-client-secret' \
  -F 'file=@animation.json'