Cross-platform Animations with Rive
summary
Duolingo uses Rive to ship interactive cross‑platform animations (iOS, Android, web) and replaces heavy JSON assets with real‑time RIY files that are 15x smaller than Lottie in a reported case. A production feature, fraction fill, supports denominators 2–8, fires haptics via Rive events, exposes SMI booleans and number inputs for color/selection, and counts pieces to grade answers. Android uses the Rive view + state‑machine API and compose interop; init fails for ~0.02% of users and an old iOS clock was ~1000+ lines natively.
AI-written summary · about
chapters (12)
- 0:00Rive and Duolingo intro
- 2:50Why Duolingo chose Rive
- 4:36Rive animations in Duolingo
- 6:23Fraction fill with Rive
- 8:12Rive in Android Views
- 11:44Rive with Jetpack Compose
- 13:30Testing Rive animations
- 14:57Rive on iOS consistency
- 15:41Advanced Rive components
- 16:45Rive vs Lottie performance
- 17:48Rive init failures
- 18:29Rive assets accessibility
related talks
38mRive: The Final Frontier of Graphics for Flutter Apps
20mAnimations to the Next Level: Transform Your App with Rive
44mKill Lottie? Bring in Rive?
18mZero to Music Hero: Building Cross-Platform Games in Months With React Native & Skia
26mIf it moves they will watch it
57mBeautiful apps with Fuse using your XAML and JavaScript skills
36mBuild The Million-Dollar Animation
28mDragonRuby Game Toolkit: Lessons Learned