Discover 26 articles on Animation in mobile performance
Showing 20 of 26 articles (Page 1 of 2)
Joel Besada from Shopify reveals how they built a delightful confetti animation in React Native that runs at 60 FPS without blocking the JavaScript thread. The secret? Declarative animations that execute entire...
William Candillon and the Shopify team shipped 89 releases of React Native Skia in 12 months. Their secret? A custom renderer that runs on iOS, Android, Web, and Node.js with zero platform coupling.
Pavithra Chamod J from PickMe Engineering makes the case: if you're still using GIFs for Android animations, you're leaving performance and control on the table. Lottie animations offer vector-based crispness, ...
Weera Youngnam from KBTG turned a personal pain point into a feature that caught executive attention. His journey from gyroscope experiments to production reveals how small PoCs can create outsized impact.
Pavithra Chamod J from PickMe Engineering tackles a common Android performance trap: GIFs that look great but silently drain memory and tank your UI responsiveness.
Sanath Sajeeva Kumara from PickMe just dropped a stunning tutorial that turns mathematical curves into mesmerizing loading animations. Who knew trigonometry could look this good in production Android apps?
Patrycja Kalinska from Software Mansion reveals why React Native Reanimated classifies props into three categories. The reason? Performance optimization that most developers overlook.
Timotius Leonardo Lianoto from IDN Engineering tackles a common iOS pain point: UIButton animations feel lifeless compared to Android's satisfying touch feedback. His solution? A custom ripple effect that trans...
Anne Lu from Airbnb reveals how her team built a 3D page-flipping animation that looks effortless but required solving novel iOS challenges. The Host Passport feature needed pixel-perfect timing across multiple...
Jesse Stauffer from Thumbtack built a stunning 3D carousel in SwiftUI—then convinced his team NOT to ship it. Here's why that prototype was still worth every line of code.
Sanath Sajeeva Kumara from PickMe breaks down a custom Jetpack Compose button that rotates in 3D space and morphs colors on touch. This isn't your standard Material button.
Bevan Christian from IDN Engineering tackles a problem every mobile team faces: beautiful Lottie animations that bloat your app size. His solution? On-Demand Resources that cut initial download size while keepi...
Timotius Leonardo Lianoto from IDN Media discovered their livestream gift animations were silently eating memory with every play. Even following Lottie's official docs didn't prevent the leak.
Animations can make or break your app's performance. Choosing between Lottie and Rive isn't just about features: it's about understanding the tradeoffs that impact your users' experience.
Amorn Apichattanakul from KBTG reveals how game engine techniques can transform everyday Flutter apps into delightful experiences. His secret? Borrowing animation tricks from the gaming world.
Airbnb just solved one of mobile animation's biggest performance problems. Lottie 4.0 eliminates the CPU overhead that was causing animations to drop frames and freeze.
Phil Boyd from OkCupid shows how to build smooth path animations in Jetpack Compose using just high school math. No complex animation libraries required.
Smooth animations can make or break your mobile app's user experience. Callstack breaks down how to achieve buttery 60fps animations in React Native without janky frames or dropped performance.
Zsolt Kocsi discovered that Jetpack Compose's lack of shared element transitions wasn't a limitation. It was an opportunity to build something better.
Airbnb was shipping hundreds of features, but custom animations were getting cut due to complexity. Their solution? A declarative framework that reduced transition code from hundreds of lines to just a few.