Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A horizontal carousel where items glide along a circular arc as you scroll — the centered item scales up and stays sharp while its neighbors shrink, fade, and blur. It snaps to each item with selection haptics and drives a synced detail card, perfect for ride pickers, category selectors, or product showcases.
Built with react-native-reanimated v4 and react-native-worklets. A useAnimatedScrollHandler keeps the live scroll offset in a shared value, and each item interpolates that offset on the UI thread: translateY follows a circular arc (Math.sin(PI/4) for the off-center points), while opacity, scale, and a blurRadius animated prop on Animated.Image make the centered item pop and the edges recede. Snapping uses pagingEnabled + snapToInterval, and selection haptics fire via expo-haptics through runOnJS so the JS-thread call never blocks the worklet. Tested on Expo SDK 56 (RN 0.85, New Architecture). The animated blurRadius renders more smoothly on iOS than Android; transparent source PNGs keep the blur following the artwork rather than a hard rectangle.
A denim zipper that unzips and parts the screen like a curtain. The pull rides down the seam, the teeth split open along a soft rounded V, then both fabric halves slide off-screen to reveal the app underneath. Great as a splash, intro, or screen-transition overlay.
An interactive x-ray effect that reveals a hidden image underneath a base photo through a circular mask the user drags around. Pan to move the lens and long-press to reset, perfect for product showcases, before/after reveals, or playful onboarding screens.
A full-screen animated swimming-pool water effect with drifting caustics, refraction ripples, and a buoyant rubber duck whose shadow wobbles on the tiled floor below. Built as a Skia runtime shader (SkSL) driven by Reanimated, it makes a great living background for splash screens, onboarding, or empty states.
