Lottie animation guide
  • 27 Apr 2023
  • 1 Minute to read
  • Dark
    Light

Lottie animation guide

  • Dark
    Light

Article Summary

Type of content we look for

  • Loading animation
  • Heart icon animation
  • Check mark animation

Technical requirements

Accepted file formats:

  • data.json (exported by After Effects bodymovin)

Step 1: Prepare

If you don’t know how to export your Ae animation into data.json file please follow these instructions:

Tips for browser compatibility:

  • Not all After Effects properties and effects are supported. Please check this page for compatibility updates: http://airbnb.io/lottie/supported-features.html
  • If the exported animation is missing or does not appear accurate, please try:
    • Removing parenting
    • Removing masks
    • Hiding effects
    • Reducing nested precomps

Step 2: Upload

Prepare a separate .zip file for each product

  • Compress each product into a .zip file.
  • Name each .zip file descriptively in English, e.g. "social-media-opening-titles.zip", which will also serve as the product title.
  • Maximum file size: 4GB

Upload your files on the Upload page

Step 3: Upload preview video

Preview video requirements:

Resolution: 1080×1080
Video codec: H.264 (.mp4)
Frame rate: 15-30 FPS
Bitrate: 8-12 Mbps

Product typeRecommended price range (USD)Max price (USD)
Lottie$5, $9$9

Was this article helpful?

What's Next