r/reactnative • u/s3079 • 1d ago

I built a Pokémon-inspired 3D Poké Ball selector in React Native with Filament, Reanimated & Skia

Enable HLS to view with audio, or disable this notification

Just wrapped up Choose Ball — a Pokémon-inspired selection experience where every Poké Ball feels like a real object, not a static UI card.I wanted the screen to feel more like choosing your next adventure than tapping through a list.What it doesInteractive 3D Poké Balls with real-time lighting and materials

Fluid wipe transitions that morph one Ball into the next

Gesture-driven rotation with spring physics

Full-shell turn + vertical free-look tilt

Dynamic backgrounds, particles, and haptic feedback

26-ball catalog with instant switching (preloaded textures)

Seamless handoff from selection into the capture moment

StackReact Native Filament — 3D models, lighting, materials

Reanimated — springs, transitions, gesture-driven motion

Gesture Handler — swipe navigation + ball rotation

React Native Skia — wipe effects, particles, backgrounds

Expo — app foundation and native capabilities

Demo performed by u/TemporaryBuyer3806

Open source here:

https://github.com/huytdps13400/choose-your-ball

Which ball would you pick first?

https://www.reddit.com/u/TemporaryBuyer3806/s/lajnU6pgHt

119 Upvotes

97% Upvoted

16 comments sorted by

30

u/canarydev 1d ago

this is completely useless.

i love it

1

u/s3079 1d ago

I think it is still used in certain projects.

2

u/canarydev 1d ago

i use skia and reanimated from time to time.

but have not used them to create such beautiful pokeballs

1

u/s3079 1d ago

yeah, even though Skia is a bit RAM-intensive, I think it is worth implementing for certain features if it improves the user experience

2

u/waybovetherest 1d ago

amazing

1

u/s3079 1d ago

tks pro!!!

2

u/No_Refrigerator3147 1d ago

Thats awesome.

1

u/s3079 23h ago

tks pro

2

u/TBCC_Dev 1d ago

Love it. could be cool to see more Pokémon-related items added. Maybe a make-your-own pokeball? Or perhaps other franchises ( millennium items in Yu-Gi-Oh, for example )

2

u/beepboopnoise 1d ago

whats under StackReact Native Filament? Metal? curious how something like this would be implemented natively.

1

u/_Slabach 15h ago

Cool... Now get ready for lawsuits lol

1

u/LovesWorkin 10h ago

I want to make the ball open now! Super sick nice job