Awesome Mobile App Animations
A collection of animations from popular apps like YouTube, Duolingo, Wolt, Threads, and Apple Stocks — built using React Native.
Tech Stack
This project leverages the following libraries to create smooth, performant animations:
- react-native-reanimated — Smooth 60fps animations running on the native thread
- react-native-gesture-handler — Pan, tap, and drag gesture recognition
- @shopify/react-native-skia — GPU-accelerated 2D graphics rendering
- lottie-react-native — Complex Lottie animations
- react-native-reanimated-carousel — Carousel animations
DEMOS
| App | Description | Video | Source |
|---|---|---|---|
| Wolt | Frost creep like image loading | YouTube | Code |
| Duolingo | Drag sort words | YouTube | Code |
| Threads | Pull-to-refresh | YouTube | Code |
| Stocks | Chart animation | YouTube | Code |
| YouTube Music | Swipe background transition | YouTube | Code |
Author
Built by Adithya Viswamithiran.
Check out the related project: reanimated-tab-view — A custom tab view component for React Native built using reanimated.