search

LottieFiles / Course-for-Developers

In this quick course, you will learn the basics about implementing Lottie animations across your web and mobile apps.
https://lottiefiles.com
9 stars 1 forks source link

Introduction to Lottie for Developers #1

Open reallynattu opened 2 years ago

reallynattu commented 2 years ago

Why Motion?

Motion has always been part of human nature, and it is in every aspect of our lives. The LottieFiles team takes to the world of motion and why you should apply it to your products.

https://user-images.githubusercontent.com/2539454/172847557-9f8e82f7-f347-4016-be54-f4dc35632882.mp4

reallynattu commented 2 years ago

01. Apply Lottie on the web

In this video, we show you how to set up a Lottie Animation to autoplay. And also how to trigger Lottie animations while hovering.

https://user-images.githubusercontent.com/2539454/172848007-a6ee75e5-9824-42fb-bea8-cd4e9ef26df9.mp4

Libraries used: https://github.com/LottieFiles/lottie-player

Tool used: https://lottiefiles.com/web-player

reallynattu commented 2 years ago

02. Implementing Lottie Animation in SWIFTUI

In this video, we will teach you how to work with Lottie Animations with SWIFTUI and Xcode.

https://user-images.githubusercontent.com/2539454/172848507-3f98c930-ad1c-49be-b1ce-b0f3ed28a3b2.mp4

Libraries used: https://github.com/Airbnb/lottie-ios

reallynattu commented 2 years ago

03. Working with Lottie Animations & UIKit

In this video, we will teach you how to use Lottie Animations in your iOS projects.

https://user-images.githubusercontent.com/2539454/172848818-7b314d56-01eb-42fd-963c-fd3181b08dd5.mp4

Libraries used: https://github.com/Airbnb/lottie-ios

reallynattu commented 2 years ago

04. Lottie on Android Studio

In this video, we will show you how to use Lottie Animations with Android Studio.

https://user-images.githubusercontent.com/2539454/172848994-ec59733c-89fb-4228-840d-e893cf10703e.mp4

Libraries used: https://github.com/Airbnb/lottie-android

reallynattu commented 2 years ago

05. Lottie on Android with Jetpack Compose

In this video, we will show you how to work with Lottie Animations Android Studio and Jetpack Compose.

https://user-images.githubusercontent.com/2539454/172849180-7b650ac1-1b2b-430b-aae2-548fed9410d4.mp4

Libraries used: https://github.com/Airbnb/lottie-android

reallynattu commented 2 years ago

06. Lottie Interactivity Library

In this video, we're going to be learning how to add interactions to Lottie animations using the Lottie interactivity library.

https://user-images.githubusercontent.com/2539454/172849507-b448fde8-87a9-4584-9b41-1722ab2f189f.mp4

Libraries used: https://github.com/LottieFiles/lottie-interactivity

Tool used: https://lottiefiles.com/interactivity

reallynattu commented 2 years ago

07. Open-source LottieFiles

In this video, we are going to talk about some of the open-source projects, like Jlottie and Lottie Player. And how you might be able to get involved.

https://user-images.githubusercontent.com/2539454/172849872-0f081172-bed4-4414-8ce0-c7cdc92aae99.mp4

Our repositories: https://github.com/orgs/LottieFiles/repositories

reallynattu commented 2 years ago

08. Course Completion

Awesome! You have completed all the lessons in the Introduction to Lottie for Developers course!

Now, click HERE to complete this quiz to receive a Social Badge from LottieFiles!