Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A slide-to-confirm button with a 5x5 LED matrix animation running inside the draggable knob. The LED loop runs entirely on the UI thread via Reanimated's stepped easing, and snaps to a dark frame as the user drags past the halfway point. Drop-in CTA for onboarding screens, paywalls, or any 'commit' action.
Built with react-native-reanimated v4 — every animation runs on the UI thread via shared values, Easing.steps frame stepping, and useAnimatedReaction. The 5x5 LED matrix is driven by a single shared int that indexes into a constant frame table, so each cell flips its background without a JS-thread re-render. The slide interaction uses react-native-gesture-handler's Gesture.Pan, the track uses expo-linear-gradient, and the label is set in a custom font loaded via expo-font. Tested on Expo SDK 54 with the New Architecture on iOS and Android. No native code beyond what Expo provides.
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.