Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A card with a glowing light streak that travels endlessly around its rounded border, hugging every edge and corner. The beam's position and rotation are driven by a single Reanimated progress value on the UI thread, so it stays smooth even while the rest of the screen renders. Great for highlight cards, premium/upgrade banners, focus prompts, or AI 'thinking' states.
Built with react-native-reanimated v4 (+ react-native-worklets). A single useSharedValue is animated with withTiming/withRepeat at a linear easing to loop forever, representing the distance travelled along the card's perimeter. Inside a useAnimatedStyle worklet that distance is mapped edge-by-edge and corner-by-corner over the rounded-rectangle geometry (precomputed edge lengths and quarter-circle arc lengths) into an (x, y, rotateZ) pose, then applied as transforms to a glowing line Image so the beam follows the border and banks through the corners. The whole animation runs on the UI thread with no per-frame JS, and there is no native module code beyond Reanimated, so it works in a prebuild/dev-client setup. Tested on Expo SDK 56 (New Architecture) on iOS and Android; tweak SPEED, BORDER_RADIUS, and the card WIDTH/HEIGHT constants to fit any layout.
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.
