New # 8️⃣9️⃣ drop at https://t.co/pV3p3MIYSm ⚡
Shared transition between word screens from the amazing CapWords app!
✦ Navigation is @expo router
✦ Shared transition by @swmansion reanimated
Can't wait for the shared transition feature to be production-ready!
As fans of his work, we reached out to @S0LARIN for feedback and a chance to collaborate on a series of examples that use react-native-ease.
Here's a first use case: a simple pulse animation around a power toggle. Snippet and full @expo app repo in the comments.
Calorie Snap demo🍊🍌🍩 built with:
• expo ui - expo module @expo
(ModuleVNGenerateForegroundinstance) for on device food extraction
• vision camera @margelo_com
• skia @ReactNativeSkia
• reanimated @swmansion
• and of course screen-transitions by @trpfsu
Thanks to all 🙏
Btw, I'm currently looking for remote full-time or part-time (based in Vietnam) React Native opportunities. DMs are open 💪🙏
Thanks guys!!!
More to explore:
→ 96+ animations
https://t.co/pV3p3MIYSm
→ Drop-in reusable components
https://t.co/nDFVdtFWTz
→ Try every animation on your device
https://t.co/mXM8fL0MmE
Behind this one:
→ Multi-line task titles — one animated line per row, positioned from onTextLayout metrics, not a single full-width View
→ Each line should finish at its own pace — proportional sweep per line width via lineProgressRanges — Reanimated
→ Strike-through and checkmark need to stay in sync — mirror progress on the UI thread with onProgress — Reanimated
Week 4 of showing what you can do with react-native-effects & WebGPU:
@appjsconf is over, so naturally I set my app on fire* 🔥
*no components were harmed in the making of this demo 😂
Link to source code down below 👇
I got tired of hand-writing React animations.
So I built a Motion Compiler: a Figma-like canvas that turns Scene IR into deterministic React Native code!🚀
🎯 Scenes + advanced editors
📱 One-click @Expo Snack
🔓 100% client-side. Free. OSS.
🌐 WYSIWYG → Web, iOS, Android
⬇️ 🧵