Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A six-cell verification-code (OTP) input with a sliding focus indicator, digits that rise and fade in as you type, a wiggle and red flash on invalid input, and a shimmering wave while the code verifies. Drop it into any auth, 2FA, or phone-confirmation flow.
Built with react-native-reanimated v4 — every animation runs on the UI thread via shared values, interpolate, and interpolateColor, so there are no per-frame React re-renders. A single hidden TextInput captures keystrokes while the visible cells are plain views driven by React state; each CodeBox owns its own digit/placeholder shared values. The focus indicator slides with withTiming (offset for the middle separator), invalid input triggers a withSequence wiggle plus a blue→red border flash, and the loading wave sweeps cell opacity with withRepeat. react-native-keyboard-controller drives the submit button as the keyboard opens/closes via KeyboardStickyView. Tested on Expo SDK 56 (iOS + Android). Note: keyboard-controller is a native module, so a development build (expo run:ios / run:android) is required — it will not run in Expo Go.
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.