Animation renders incorrectly in app - text and vector elements overlapping

Hi everyone,

I’m having an issue where my Lottie animation looks perfect in preview but breaks when integrated into the app.

Actual behavior (in app):

  • Text layers overlapping each other

  • Vector shapes positioned incorrectly

  • Elements stacking on top of each other

Technical details:

  • Platform: app on android

  • File format: .lottie

  • Animation created in: lottielab

Has anyone

experienced similar issues? What could cause different rendering between preview and production?

Any help appreciated!

Hi @Th1

Which Lottie player are you using? Could you please try using the latest .lottie player?

i sugegst you to use spectra or performance lab, just to experiment teh lottei files, if they work perfectly fine on your website. I have tried it on website, https://waplusapps.com which is related to whatsapp plus original