Core Products
Clean little interactions carrying the team on their back.
Clean little interactions carrying the team on their back.
A draggable slider whose track fills with a shimmering, GPU-rendered field of purple dots that sweep in like a wave when the thumb reaches the end. The thumb springs between discrete snap stops with light haptic ticks on grab and release, and the dot field dissolves in and out as you approach or leave the max position.
The entire dot field is a single Skia RuntimeEffect (SkSL) drawn in one Canvas call — all per-dot math (reveal, twinkle, falloff, rounded-rect SDF) runs on the GPU. The only per-frame JS is a tiny useDerivedValue worklet that feeds uniforms, so nothing touches the JS thread. Drag is handled by react-native-gesture-handler with a Pan gesture (minDistance 0 for zero dead zone), and the thumb snaps to discrete stops via react-native-reanimated withSpring. Haptics fire on grab and release through expo-haptics, scheduled back to the RN thread with react-native-worklets scheduleOnRN. Built for Expo SDK 56 with @shopify/react-native-skia 2.6 and react-native-reanimated 4; requires a development build (Skia is not in Expo Go). Works on iOS and Android.
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.