We’re fresh off animations with Motion One, but how about something with a bit more… cinematic flair? Let’s use animations created in Adobe After Effects, using an open-source library by Airbnb, Lottie!
Agenda
✅ What’s Lottie? What’s After Effects?
✅ Using the web library with SvelteKit
✅ Adding a subtle, looping animation for our marketing site
✅ Play an animation on demand!
Click around yourself: https://techy.cat
See the code: https://github.com/jmagrippis/techy-cat
— Highlighted software —
Lottie: https://airbnb.design/lottie/
LottieFiles: https://lottiefiles.com/
SvelteKit: https://kit.svelte.dev/
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Discord, Instagram & Twitter!
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Watch video Animations with LOTTIE 🎥 LIVE Coding & Chill online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 540 once and liked it 23 people.