Skip to content
English
Sign in
Contact us
  • There are no suggestions because the search field is empty.

What is Lottie and dotLottie?

Lottie

Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. 

Why use Lottie?

  • Lightweight: Lottie files are significantly smaller than GIFs or video files
  • Scalable: Vector-based animations that look sharp at any size
  • Interactive: Animations can be controlled programmatically
  • Cross-platform: Works on web, iOS, Android, and more
  • Editable: Easy to change colors, speed, and other properties

There are several ways to create Lottie assets: you can use LottieFiles Creator, or export from design tools using LottieFiles for Adobe After Effects and LottieFiles for Figma plugins.

Learn more: What is Lottie?

dotLottie

dotLottie is an open-source file format that improves upon the original Lottie JSON format. It combines your animation and all its assets into a single, compressed .lottie file.

Benefits of dotLottie:

  • Smaller file size: Up to 80% smaller than standard Lottie JSON files through compression
  • All-in-one package: Bundles animation JSON, images, and fonts into a single file
  • Faster loading: Reduced file size means quicker load times
  • Easier management: One file instead of multiple assets to track
  • Backward compatible: Works with existing Lottie players and libraries

When to use dotLottie:

  • Animations with embedded images or fonts
  • Production environments where performance matters
  • Projects requiring simpler asset management
  • Mobile apps with size constraints

Learn more: What is dotLottie?