Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
An animated copy-to-clipboard pill that scales on press, then plays a confirmation overlay that fills, blurs, and flashes an SF Symbol checkmark reading "Code Copied". Drop it into onboarding flows, referral screens, or anywhere you surface a code to copy.
Built with react-native-reanimated v4 (paired with react-native-worklets). The entire confirmation sequence is driven by a single shared value scrubbed through four integer stages, advanced by chained withTiming callbacks that run on the UI thread; every visual property (overlay opacity and scale, fill-bar width, blur intensity) is derived from that one value via interpolate over a shared timeline, so nothing drifts out of sync. The animated BlurView (expo-blur) is wired through Animated.createAnimatedComponent + useAnimatedProps, and the checkmark uses expo-symbols. Targets Expo SDK 56 with the New Architecture; no custom native code, so it works under CNG. Note: SF Symbols are iOS-only, so swap expo-symbols for an icon fallback on Android. expo-blur renders on both platforms.
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.
