Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A compact hours/minutes time field that sits as a read-only pill and springs open into two editable number inputs when the pencil button is tapped. The pencil morphs into a checkmark through a blur transition, and confirming collapses the field and dismisses the keyboard.
Built with react-native-reanimated v4 worklets. A single `progress` shared value drives the whole transition while separate width shared values are animated with `withSpring` to expand each field; `interpolate` maps progress onto border radius and padding for a smooth morph. The inputs are wrapped TextInputs whose `editable` and `pointerEvents` are toggled via `useAnimatedProps` so they only accept focus once the field has expanded past the halfway point — focus is fired on a short timeout to wait out the spring. The edit/confirm button cross-fades a pencil into an Octicons checkmark and animates an expo-blur intensity for the swap. Tested on Expo SDK 56 (iOS + Android), React 19 with the React Compiler enabled.
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.
