Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
An animated credit card number field that reveals the masked digits with a shimmering gradient sweep when tapped, runs a square progress ring around the action button, and morphs the icon between eye, copy, and checkmark states. Drop it into payment, wallet, or banking screens that need a delightful reveal-and-copy interaction.
Built with react-native-reanimated v3 shared values, worklets, and useAnimatedReaction so every transition (digit reveal, button morph, progress ring, shimmer sweep) runs on the UI thread. The shimmer uses @react-native-masked-view/masked-view layered over expo-linear-gradient, the progress ring is an animated SVG Rect via react-native-svg, and the button icons use expo-symbols (SF Symbols on iOS). Wrapped in GestureHandlerRootView for press feedback. Tested on Expo SDK 51 with iOS and Android — note that expo-symbols renders SF Symbols on iOS and falls back gracefully on Android, so you may want to swap in an icon set there.
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.