Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A bottom-center button that genies an interactive form in and out of itself with a Skia mesh warp. Tap to grow the form out of the button, fill it in, then send to suck it back under — fully interactive while open, a warped snapshot while it moves. Drop it in for contact forms, feedback prompts, or any compose action that should feel alive.
Built on @shopify/react-native-skia and Reanimated 4. The live form is captured with Skia's makeImageFromView and warped through a 14x48 Vertices triangle mesh, rebuilt every frame inside a useDerivedValue worklet from a single progress shared value, so the genie runs entirely on the UI thread. The card is an interactive RN view at rest and a static, rounded snapshot while it moves, swapped pixel-perfectly at progress 0 so the handoff never flashes; the drop shadow is a separate Skia canvas whose size and opacity are derived from the same progress. scheduleOnRN (react-native-worklets) bridges worklet completions back to JS for the phase machine. Requires a dev build rather than Expo Go because Skia ships native code. Tested on Expo SDK 56, iOS and Android.
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.
