How to Add Lottie Animations in Flutter

Опубликовано: 11 Май 2025
на канале: Snehasis Ghosh
1,162
29

Welcome back to the channel🙋‍♂️!

🌟 In this video, we're diving into the exciting world of Lottie animations in Flutter. Lottie animations bring your app to life with high-quality, lightweight animations created in After Effects and exported as JSON files.

They are perfect for making your app more engaging and visually appealing.In this tutorial, I’ll guide you step-by-step on how to integrate Lottie animations into your Flutter app. Whether you're a beginner or looking to polish your skills, this video has something for everyone. By the end, you'll be able to add beautiful animations effortlessly!

🔧 What You’ll Learn: How to create a new Flutter app Adding the Lottie package to your project Integrating assets in the pubspec.yaml file Using Lottie animations in various ways with practical examples

⌛ Time Stamps:
00:00:55 - Create a new Flutter app
00:01:34 - Add the Lottie package
00:02:25 - Add assets to pubspec.yaml file
00:04:58 - Example 1: Adding Lottie Animations (Asset and Network Lottie)
00:07:35 - Example 2: Using Animation Controllers (Forward)
00:12:55 - Example 3: Using Animation Controllers (Forward & Reverse)

🌐Some website to download free Lottie files -
https://lottiefiles.com/
https://iconscout.com/

🧑‍💻 Source Code :
https://github.com/Snehasis4321/lotti...

🎓Join our discord community:
  / discord  

😊 If you find this video useful then please consider like and subscribe.