Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A photo that warps and gets sucked up under the phone's notch with a macOS-style genie effect, while the Dynamic Island bumps as the content tucks away. Tap the image or scrub the progress slider to drive a Skia triangle-mesh warp that runs entirely on the UI thread. Drop it in for a playful media-to-notch transition or a Dynamic Island demo.
Built on React Native Skia: the photo is baked once into a rounded texture with createPicture/clipRRect, then warped through a COLS x ROWS Vertices mesh whose points are recomputed in a Reanimated useDerivedValue worklet, so the whole effect runs on the UI thread. A sigmoid 'neck' with split quad/cubic easing sequences the squeeze (top edge tucks first), and a raised-cosine value drives the notch bump. The notch is a RoundedRect drawn last so the image hides behind it, and controls live in a react-native-true-sheet bottom sheet behind a FAB. Layout adapts to safe-area insets so the island aligns on real devices. Requires the New Architecture (Fabric) and a custom dev build because true-sheet is native (npx expo run:ios / run:android). Tested on Expo SDK 56, iOS + 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.