Core Products
Clean little interactions carrying the team on their back.
All
All
Clean little interactions carrying the team on their back.
A soft aurora that breathes up from the bottom of the screen and swells with your voice. A single Skia fragment shader renders an organic, cloud-like blob whose height, saturation and turbulence are driven by live microphone loudness, with fast-attack/slow-release smoothing. Perfect as a backdrop for voice assistants, audio recorders or listening-state UI.
The visual is one SkSL fragment shader run through @shopify/react-native-skia's RuntimeEffect, filling the screen via a Skia Canvas. Uniforms are pushed every frame with a useClock-driven useDerivedValue so the animation lives entirely on the UI thread — no JS re-renders. Microphone loudness comes from react-native-nitro-sound's metering callback; the dB reading is mapped to a 0..1 level and fed into a Reanimated shared value with a fast-attack/slow-release withTiming curve so the blob snaps up on speech and drains on silence. The top edge is shaped with layered fractal (FBM) noise for rounded cloud lobes rather than sine waves. Recorder start/stop is serialized through a promise chain and uses pause/resume to keep the iOS audio session warm. Built on Expo SDK 56 (Reanimated v4, RN 0.85); requires a development build (Skia + Nitro native modules, not Expo Go) and microphone permission on 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.