High Quality Animation in Native Products
summary
Claim: designers can ship high‑quality native motion without engineers rewriting animation code. Concrete stack: After Effects → bodymovin exporter → Lottie player running on Android iOS React Native, repo at Airbnb.io/Lottie and LottieFiles.com. Evidence: open‑sourced Feb 2017 and adopted by tens of thousands of companies; Google I/O logo and UberEats loaders render natively; Eero chains four animations seamlessly; runtime color changes work today and full property control is in progress.
AI-written summary · about
chapters (12)
- 0:00Intro
- 1:28What is Lottie
- 5:10Scene to scene animations
- 8:41JSON files
- 9:55Adobe After Effects
- 14:50DLS
- 16:07Component names
- 17:24When to use animation
- 21:39Designers vs Developers
- 23:00Lottie Files
- 25:02Latte Demo
- 25:56QR Code
related talks
22mLottie: Animating the bridge between designers and developers
29mAn Animation Showcase: RN App Can Ce Beautiful
28mDemystifying complex animations creation process in React Native
28mAnimating the Web: Elevating UX with Lottie and modern technologies
37mThree Approaches to Animations on Android
37mrlottie: A New Approach to Motion Graphics UI
22mOne Engine to Animate Them All: React Native Animated in C++
30mMicrointeractions & Animations in React Native: Help users understand the UI