Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A dark-mode text input with a diagonal gradient highlight that sweeps across both the rounded border and the placeholder letterforms. The shimmer loops while idle, fires a single sweep on focus, and the placeholder springs out as the user starts typing.
Built with react-native-reanimated shared values driving an interpolated translateX on a rotated expo-linear-gradient band. @react-native-masked-view/masked-view clips the gradient to a mask that clones the input's rounded border and placeholder text, so a single sweep visually highlights both at once. Focus cancels the looping shimmer and runs a one-shot linear sweep; blur restarts the loop only when the field is empty. Placeholder fade is handled by a second shared value with withSpring to keep the masked text in sync with the live TextInput. Tested on Expo SDK 56 (iOS + Android); requires a development build because of the masked-view and keyboard-controller native modules.
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.