Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A row of pill-shaped tabs inspired by Apple's Mail app: tapping a tab smoothly expands it, animates its background from gray to a brand color, crossfades the icon, and slides in a label. Great as a segmented filter bar or category switcher in any RN/Expo app.
Built with react-native-reanimated v4 and react-native-worklets. Each tab is driven by a single `progress` shared value (0 = collapsed, 1 = expanded) so width, background color (via interpolateColor), icon crossfade, and the label slide all run on the UI thread with withTiming. The label width is measured into a shared value through onLayout — not React state — so the centering math stays off the JS thread. No native modules, so it runs in Expo Go; tested on Expo SDK 56 (iOS + Android) on the new architecture.
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.
