How to Host Lottie Animation (JSON Files) on GitHub

In this video I'll show you how to host your Lottie animation JSON files on GitHub and get a JSON url to use in your website.

________________________

⚠️ If you're having a problem with the URL changing and the animation disappearing on your website, check the pinned comment below.

_______________________

________________________

If you've got any questions or requests for future videos drop them in the comments below 👇
______________

#lottieanimation #github #json

[Carl_Johnson]

Some people have had a problem with the URL changing and losing the animation on the site as a result. If you're having the same problem try setting your repository to public. Thanks to @SarahWhiteChi for pointing that out!

[willhesketh]

Thanks this was exactly what I needed to know!

🙏

[aaronsherman]

Thank you so much! This worked. You da man!

[jo]

I exported the code from my webflow project, and placed it all into a Github repository. When I connect the repository to a cloudflare page, all works fine, but no Lottie animations appear inside the live site, why is this happening? and what should I do to connect the lottie files to the repository? Is it a different process than the one shown in the video?

[arusblog]

Hi, i`ve got a problem. When clicking "raw", a new page opens and its written 404 not found.

[maxmarowsky]

Hey Carl, thanks for the video. It was working for me in the first few minutes, but then the lottie does not show any more. With the asset link from lottie website it does. Any idea what has happened?

[lga]

This technique doesn't appear to be working anymore, I'm at a loss for how to host my own json without Lottie Hosting. Every time I attempt to link to the json file on another server, or even the github, I get the yellow Caution symbol.
: After Reading the last comment on this page, changing the github to public made the json appear for the first time ever, being hosted on github. Thanks very much.