Coffee Order Carousel in React Native — Swipe the cards and they scale, tilt and fade
A coffee-ordering carousel where cards scale, tilt and fade on swipe, and tap springs one to center. Swipe the cards and they scale, tilt and fade.
About this build
A coffee ordering carousel where the active card holds the centre while its neighbours scale down, rotate and fade. Swipes snap with a spring, a tap pulls a card to the middle, and haptics fire on selection. Size selector and add to cart included.
Coffee Order Carousel in React Native
A coffee-ordering carousel where cards scale, tilt and fade on swipe, and tap springs one to center.
The hook moment
Swipe the cards and they scale, tilt and fade — the beat that stops the scroll.
Built from scratch
Single-file TypeScript, zero UI kit, production-ready. Pure Reanimated + Gesture Handler.
Stack: React Native · Reanimated · react-native-gesture-handler · expo-linear-gradient · TypeScript
I’m available for freelance & contract React Native work — apps, features, UI implementation, you name it.
