Animation does not work in DotLottie Web

[PrinceGupta1999]

Overview

Hi, I am trying to integrate this lottie animation (that I had exported from figma), https://app.lottiefiles.com/share/352a1071-0e63-44f2-9bd8-a6b94026600d, into my react app but it does not seem to work at all (it renders a blank canvas). Both the .json and .lottie formats do not seem to work.

Lottie .json: https://lottie.host/c47dca0a-2580-41b8-b2e9-75a9aeeb017b/Ja2z677E9b.json
.lottie: https://lottie.host/70cdd9e4-7e68-4166-9769-4ea6e4412fd6/GOZKlPuo9N.lottie
Codepen: https://codepen.io/tayyari/pen/wvZyXRZ

This is how it's supposed to look

Consuming repo

What repo were you working in when this issue occurred?
dotlottie-web

...

Labels

• [] Add the Type: Bug label to this issue.

[PrinceGupta1999]

Seems to work perfectly fine with the now deprecated @dotlottie/react-player. Will switch to that package for the time being

[theashraf]

Thank you, @PrinceGupta1999, for reporting this issue. I believe it is related to ThorVG, the underlying Lottie renderer engine we use in dotLottie players.

I have reported the issue to the ThorVG team and linked it here for you to track its progress.

[hermet]

Hello, unfortunately, we cannot use this resource at the moment due to the lack of support for "layer effects." We plan to support it, but it will take a few months. Perhaps, you can find an alternative method to convert this resource without relying on layer effects. For example:

• Using a blurred shadow effect images beneath the leaf shapes.
• Replace the effect with the additional shapes with radial-gradient filling beneath the leaf shapes .

Otherwise, using a different player(engine).