Core Products
Clean little interactions carrying the team on their back.
Clean little interactions carrying the team on their back.
An AI-style "Generate" button that morphs into a thinking state on tap: the label crossfades from "Generate" to "Thinking" letter by letter, a sparkle scales in and spins, and the pill cycles through a color palette before easing back to idle. Drop it into AI chat, image-generation, or any "run" action in an RN/Expo app.
Driven by a single react-native-reanimated v4 shared value that runs a 0 -> 1 wind-up and then loops 1 -> 5; the integer stops feed interpolateColor for the background, label, and star fill, while the star's rotation advances a multiple of 90deg per unit so the loop seam is invisible. The label crossfade is per-letter, each character driven by its own useAnimatedStyle worklet on the UI thread, and the stop sequence finishes the current cycle before rolling back so there is no visual snap. Press scaling comes from pressto (PressableScale); glyphs are react-native-svg with the star fill animated via useAnimatedProps. Reanimated 4 requires the New Architecture and react-native-worklets. Tested on Expo SDK 56 (iOS + Android); no custom native code.
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.