Lottie Animation File Error: Unsupported JSON File

Design help General
1

Hey guys,

Trying out the new lottie animation element, very glad to see this was added!

However, I am having trouble uploading my JSON File.

I get the “Unsupported JSON File” error when I attempt to upload it.

Not sure how to attach the file to this message, but is there a list of certain elements that can be used? The animation works fine inside the bodymovin player so I’m not sure what problem I could be running into.

Thanks for the help, looking forward to the replies.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

You’ve probably used nested compositions in AE. At the moment you can’t do this, everything must fit into one single composition. It’s not a Webflow bug it’s a Lottie bug.

2 Likes
3

I also ended up troubleshooting and it turns out that it does not currently support Cameras in AE.

4 Likes
4

Just discovered the camera issue myself too. Unsupported.

2 Likes
5

Thanks a lot for the camera tip, I would never guesses, and no mention of that in Webflow videos…

1 Like
6

Hey Zurlee!

I read this post, and I found a solution with the not supported Lottie-things.

Here you have a link to what Lottie supports and whatnot: Lottie Supported Features

But how it always should work it is by exporting your media (in AE, C4D, etc.) in a png sequence and then importing it again in AE and using the bodymovin or the new Lottie feature.

Here you have the link where I discovered this! https://easyedit.pro/blog/how-to-export-video-with-transparent-background-in-after-effects/

And here are Webflow explaining the whole process: Control a Cinema 4D animation with your mouse on a webpage — After Effects & Lottie in Webflow - YouTube

I hope you guys find it helpful!
V.