Back to reels
Creative Coding · 13s

Couldn’t decide what to eat… so I built a spinning food wheel in React Native

I couldn't decide what to eat, so I built a wheel to decide for me. It's drawn with Skia and SVG, spun with a pan gesture, and slowed down by Reanimated so it decelerates the way a real wheel would. Three spins in, biryani won. Silly problem, but the deceleration curve is the part worth stealing.

9,269 views13sMar 16, 2026
Stack
React NativeReanimatedReact Native SkiaGesture Handler
Views
9,269
Duration
13s
Follow
Write-up

About this build

I couldn't decide what to eat, so I built a wheel to decide for me. It's drawn with Skia and SVG, spun with a pan gesture, and slowed down by Reanimated so it decelerates the way a real wheel would. Three spins in, biryani won. Silly problem, but the deceleration curve is the part worth stealing.

Couldn’t decide what to eat… so I built a spinning food wheel in React Native 🍝🥩🍛

This UI uses React Native Reanimated, Gesture Handler, Skia and SVG to create a smooth spinning animation. Spin #1 → Pasta Spin #2 → Steak Final spin → Biryani wins 🍛 Sometimes developers solve even the smallest problems with code 😅 What should I add next to this wheel? #reactnative #codingreels #devlife

LIKE WHAT YOU SEE?

I’m available for freelance & contract React Native work — apps, features, UI implementation, you name it.

Read nextReact Native animation examples, with the technique behind each

More React Native UI reels

All 41 reels →