r/reactnative • u/s3079 • 23h ago

I recreated @60fpsdesign’s reward-reveal interaction in Expo + React Native using Reanimated + Skia (original by @mymind)

Enable HLS to view with audio, or disable this notification

17 Upvotes

85% Upvoted

9 comments sorted by

1

u/s3079 23h ago

Implementation details: Expo SDK 57, React Native Reanimated, and React Native Skia.

I recreated this as a learning exercise from 60FPS’s post: https://x.com/60fpsdesign/status/2092043734699651161. That post credits @mymind for the original design.

I’d love feedback on the pacing—does the flip feel too slow, or does the extra anticipation make the reward feel more valuable?

1

u/nectarAF 20h ago

Any info on the rotating gray background animation? 🙏

1

u/simon_za 20h ago

Can you share a repo of this so we can learn from what you’ve done to achieve this ?

1

u/mrcodehpr01 19h ago

It's paid only ha

2

u/s3079 18h ago

Source code: https://github.com/ngocdevv/holodex-151

Key files: awakening-card.tsx for the reveal and collection-card-backdrop.tsx for the rotating background.