Getting Started With Lottie Animations in Squarespace

In this video, we'll take a look at getting started with Lottie animations in Squarespace. Lottie animations are high-quality, small file sized animations that have been created in Adobe After Effects and rendered for the web and in this video, I'll cover how to add Lottie animations to your Squarespace website. If you're having a problem with JSON bin, here's how to host the JSON files on GitHub: https://youtu.be/7ZmjGxlbHMo 0:00 Intro 0:27 Install Lottie Player CDN 0:57 Installing the Player 1:20 Customising Player 2:07 Changing Animations 3:15 Exporting from After Effects Join my Substack: https://carljohnson.space Watch more: http://bit.ly/sqsptuts Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub Share this video: https://youtu.be/m3srM_bM3QA Learn Lottie Interactivity: play animations on scroll: https://youtu.be/wpHxuUdWcWw ________________________ New to Squarespace? Sign up here https://squarespace.syuh.net/carljohnson (that's an affiliate) ▸ Buy me a coffee https://www.buymeacoffee.com/carljohnson ▸ My favourite resources http://bit.ly/3StaKqy ________________________ Links: Lottie Player GitHub: https://github.com/LottieFiles/lottie-player LottieFiles: https://lottiefiles.com JSONbin: https://jsonbin.io Bodymovin: https://exchange.adobe.com/creativecloud.details.12557.bodymovin.html ________________________ If you've got any questions or requests for future videos drop them in the comments below 👇 ________________________ #Squarespace